JQuery와 - $ 아약스

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> 

자바 스크립트/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 플러그인을 사용하여 이러한 동작을 위조 할 수 있습니다.