JQuery - 使用 $.ajax 上传文件 [重复]

Question

可能重复：
jQuery Ajax File Upload

我想使用 php 上传一个文件，并且在上传期间我想向用户显示一个加载器。之后应该更改一个 div，因此我认为 jQuery 将是正确的选择。

我用这个方法试过了，但是不能正常工作：

HTML：

<div id="pop_layerbody">
<form action="javascript:;" method="post" enctype="multipart/form-data" onSubmit="jsUploadFile();">
<input name="bild" id="bild" type="file" size="50" maxlength="100000">
<input type="submit" value="Hochladen" id="button_upload">
</form>
</div>

JavaScript/JQuery：

function jsUploadFile() {
    $('#pop_layerbody').html('<img src="../includes/images/ajax-loader-big.png" style="margin-top:35px;" />');
    $.ajax({
        type: "POST",
        url: "upload_picture_logic.php",
    }).done(function (msg) {
        alert("Data Saved: " + msg);
    });
}

PHP：（摘录）

@move_uploaded_file($_FILES['bild']['tmp_name'], "upload/".$_FILES['bild']['name']);

有人知道答案吗？似乎连 HTML 和 JS 之间的 POST 组合都不起作用……

Answer 1

您不能使用 ajax 异步上传文件。但是，您可以使用各种用于文件上传的 jquery 插件来伪造该行为。