Ajax:上传图片以选择其他图像

时间:2015-12-06 21:53:28

标签: javascript php ajax

如果我找不到解决办法,我会发疯的。我将许多图片拖放到拖动区域,然后我想在服务器上选择其中任何一个将其上传。但是,使用以下代码我总是上传最后一个...

HTML code:

<form id="upload" action="upload.php" method="POST" enctype="multipart/form-data">
      <div id="dragarea"></div>
      <input type="file" id="fileselect"  name="fileselect[]" multiple="multiple"/>
</form>

JS代码,它是在我拖放到dragarea中的图像文件上的点击事件上执行的:

var fd = new FormData($('#upload')[0]);
  $.ajax({
        method:"POST",
        url:"upload.php",
        dataType:"json",
        data:fd, 
        contentType: false,      
        cache: false,             
        processData:false,  
        success: function(data) {
            alert(data);
        } 
   })  

和我的upload.php

if (!empty($_FILES)) 
  {   
      $sourcePath = $_FILES['fileselect']['tmp_name']; 
      echo json_encode($sourcePath);  
      $targetPath = $_FILES['fileselect']['name'];           
      move_uploaded_file($sourcePath,$targetPath) ;
  }

我需要做些哪些更改才能发送点击图片进行上传,然后在服务器上获取?

非常感谢

0 个答案:

没有答案