使用Ajax，Jquery进行文件上传

Question

im relatively new to coding, but nevertheless have got a little problem. 在编码方面相对较新，但是仍然存在一些问题。 My main problem basically is that the file I have chosen to upload doesnt end up in the toimport folder on the Server, altough the function shows a success. 我的主要问题基本上是，我选择上传的文件没有最终出现在服务器上的toimport文件夹中，尽管该功能显示成功。 Please help if you may know a solution to this problem. 如果您可能知道此问题的解决方案，请提供帮助。

The script from Upload_form.php : 来自Upload_form.php的脚本：

<script>
// Wir registrieren einen EventHandler für unser Input-Element (#uploadFile)
// wenn es sich ändert
$('body').on('change', '#uploadFile', function() {
    var data = new FormData(); // das ist unser Daten-Objekt ...
    data.append('file', this.files[0]); // ... an die wir unsere Datei anhängen
    $.ajax({
        url: 'upload.php', // Wohin soll die Datei geschickt werden?
        data: data,          // Das ist unser Datenobjekt.
        type: 'POST',         // HTTP-Methode, hier: POST
        processData: false,
        contentType: false,
        // und wenn alles erfolgreich verlaufen ist, schreibe eine Meldung
        // in das Response-Div
        success: function() { $("#responses").append("Datei erfolgreich hochgeladen");
        }
    });
});
</script>

upload.php upload.php的

$target_dir = "toimport/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$FileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));

// Check if file already exists
if (file_exists($target_file)) {
    echo "Sorry, file already exists.";
    $uploadOk = 0;
}

// Allow certain file formats
if($FileType != "xlsx" && $FileType != "xls" && $FileType != "csv"
    && $FileType != "gif" ) {
    echo "Sorry, only XLSX, XLS & CSV files are allowed.";
    $uploadOk = 0;
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
    echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
    if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"],     $target_file)) {
    echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded.";
} else {
    echo "Sorry, there was an error uploading your file.";
    }
}

Answer 1

You need to write jQuery in $(document).ready(function(){...}) or $(function(){...}) 您需要在$（document）.ready（function（）{...}）或$（function（）{...}）中编写jQuery。
enctype: 'multipart/form-data', to $.ajax enctype: 'multipart/form-data',到$ .ajax
$_FILES["file"] instead of $_FILES["fileToUpload"] $ _FILES [“ file”]代替$ _FILES [“ fileToUpload”]

 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <script> $(function () { $('body').on('change', '#uploadFile', function () { console.log('asdfsadfa'); var file_data = $('#uploadFile').prop('files')[0]; var form_data = new FormData(); form_data.append('file', file_data); $.ajax({ url: "upload.php", type: "POST", data: form_data, contentType: false, cache: false, enctype: 'multipart/form-data', processData: false, success: function (data) { console.log(data); $("#responses").append("Datei erfolgreich hochgeladen"); } }); }); }) </script> </head> <body> <input type="file" id="uploadFile" /> <div id="responses"></div> </body> </html>

PHP Code: PHP代码：

<?php

$target_dir = "toimport/";

$target_file = $target_dir . basename($_FILES["file"]["name"]);
$uploadOk = 1;
$FileType = strtolower(pathinfo($target_file, PATHINFO_EXTENSION));

// Check if file already exists
if (file_exists($target_file)) {
    echo "Sorry, file already exists.";
    $uploadOk = 0;
}

// Allow certain file formats
if ($FileType != "xlsx" && $FileType != "xls" && $FileType != "csv"
    && $FileType != "gif") {
    echo "Sorry, only XLSX, XLS & CSV files are allowed.";
    $uploadOk = 0;
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
    echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
    if (move_uploaded_file($_FILES["file"]["tmp_name"], $target_file)) {
        echo "The file ". basename($_FILES["file"]["name"]). " has been uploaded.";
    } else {
        echo "Sorry, there was an error uploading your file.";
    }
}

使用Ajax，Jquery进行文件上传

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-08-28 11:01:45

使用Ajax，Jquery进行文件上传

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-08-28 11:01:45

解决方案1
0 已采纳 2018-08-28 11:01:45