jQueryの - $アヤックス

Question

可能な重複してアップロードファイル：
jQuery Ajax File Upload

私はPHPを使用してファイルをアップロードしたいとアップロード時に私は、ユーザーにローダーを表示したいです。その後、1つの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']); 

Anybod答えを知っていますか？ HTMLとJSのPOSTの組み合わせでさえも動作していないようです...

Answer 1

ファイルをajaxで非同期にアップロードすることはできません。しかし、ファイルのアップロードのためにさまざまなjqueryプラグインを使ってその動作を偽装できます。