如何在没有页面重新加载或刷新的情况下上传和发布像facebook这样的图像

时间:2013-11-26 18:28:48

标签: javascript php jquery html ajax

这里的HTML代码

<form id="upload_img_form" enctype="multipart/form-data">
     <input id="add_picture" type="file" name="post_img" >
     <span  id="postbutton" >Post</span>
</form>

//我不想在上面的表单中使用该操作,因为页面会重新加载或刷新

我做了一些研究,并且知道ajax或jquery中的数据形式可能会解决这个问题。但是一旦我使用jquery方法

,我不知道如何检索数据

javascript代码

$('#postbutton').click(function(){
    var formData = new FormData($('#upload_img_form')[0]);
    $.ajax({
        url: 'upload.php',  //Server script to process data
        type: 'POST',
        //Ajax events
        beforeSend: beforeSendHandler,
        success: completeHandler,
        error: errorHandler,
        // Form data
        data: formData,
        //Options to tell jQuery not to process data or worry about content-type.
        cache: false,
        contentType: false,
        processData: false
    });
});

基本上,我不知道如何处理'upload.php'中的数据,我尝试了$_POST['formData'],我需要获取move_uploaded_files($_FILES['file']['name'],$path)的参数才能保存文件到特定的路径

0 个答案:

没有答案