duanca3415 2019-03-05 04:55
浏览 127

从预览PHP JS中删除一些文件后如何上传多个文件

an example I've uploaded the 3 Image (files), In the preview, I did not like 1 file that has been deleted, rest of the files 2 and it should upload 2 but when I press submit button 3 files inserting into the database

please help me not working

html code

   <form action="" method="post" enctype="multipart/form-data">  
    <div id="filediv">
   <input name="upload[]" type="file"  id="upload" multiple="multiple" />
    </div>
     <input type="submit" value="Upload Image" name="submit"/>  
</form>  

Jquery code

     function deletePreview(ele, i) {
   "use strict";

    try {
     $(ele).parent().remove();
   filesToUpload.splice(i, 1);
    } catch (e) {
    console.log(e.message);
    }
  }

  $("#upload").on('change', function() {
     "use strict";


    var filesToUpload = [];

    if (this.files.length >= 1) {
    $("[id^=previewImg]").remove();
    $.each(this.files, function(i, img) {
      var reader = new FileReader(),
        newElement = $("<div id='previewImg" + i + "' class='abcd'><img /></div>"),
        deleteBtn = $("<span class='delete' onClick='deletePreview(this, " + i + ")'>delete</span>").appendTo(newElement),
        preview = newElement.find("img");

      reader.onloadend = function() {
        preview.attr("src", reader.result);
        preview.attr("alt", img.name);
      };
       var f = document.getElementById("upload").files[i];


       filesToUpload.push(f);

      if (img) {
        reader.readAsDataURL(img);
      } else {
        preview.src = "";
      }

      newElement.appendTo("#filediv");
    });
  }
});

php code

   $total = count($_FILES['upload']['name']);

  for( $i=0 ; $i < $total ; $i++ ) {

 $tmpFilePath = $_FILES['upload']['tmp_name'][$i];

  if ($tmpFilePath != ""){
   $newFilePath = "./upload_files/" . $_FILES['upload']['name'][$i];

   if(move_uploaded_file($tmpFilePath, $newFilePath)) {

  }
 }
}

Thanks in advance

  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥50 易语言把MYSQL数据库中的数据添加至组合框
    • ¥20 求数据集和代码#有偿答复
    • ¥15 关于下拉菜单选项关联的问题
    • ¥20 java-OJ-健康体检
    • ¥15 rs485的上拉下拉,不会对a-b<-200mv有影响吗,就是接受时,对判断逻辑0有影响吗
    • ¥15 使用phpstudy在云服务器上搭建个人网站
    • ¥15 应该如何判断含间隙的曲柄摇杆机构,轴与轴承是否发生了碰撞?
    • ¥15 vue3+express部署到nginx
    • ¥20 搭建pt1000三线制高精度测温电路
    • ¥15 使用Jdk8自带的算法,和Jdk11自带的加密结果会一样吗,不一样的话有什么解决方案,Jdk不能升级的情况