Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 询问jquery上传多个图像_Javascript_Jquery_Image_Image Uploading_Dropzone.js - Fatal编程技术网

Javascript 询问jquery上传多个图像

Javascript 询问jquery上传多个图像,javascript,jquery,image,image-uploading,dropzone.js,Javascript,Jquery,Image,Image Uploading,Dropzone.js,我想在使用jquery dropzone后上传一个带有预览的图像 首先,如果使用dropzone仅上载一个图像,则会显示该图像,并使用date+rndom编号为givin指定唯一名称 这是第一条路 第二条路,, 我想添加一个图像,并给予唯一的名称太多,必须保存在数据库中了。但当上传第二个图像时,它会替换第一个图像 有什么办法吗 ====================================================================== 这是执行多个上载图像的脚本,

我想在使用jquery dropzone后上传一个带有预览的图像

首先,如果使用dropzone仅上载一个图像,则会显示该图像,并使用date+rndom编号为givin指定唯一名称

这是第一条路

第二条路,, 我想添加一个图像,并给予唯一的名称太多,必须保存在数据库中了。但当上传第二个图像时,它会替换第一个图像

有什么办法吗

======================================================================

这是执行多个上载图像的脚本, 放置在视图上:header.php。我在header.php中为其他dropzone函数创建了相同的函数。只需在视图中替换div标记id和input标记

<script type="text/javascript">
$(function() {
  var name = Date.now();
  var key = Math.floor((Math.random() * 99999999999) + 1);
  var unique = name+'-'+key;

  $("div#eyeDropZone").dropzone({
       url:'http://localhost/work/uploadimage/multiple/'+unique,

       paramName:'foto', // param to upload image name to db
       uploadMultiple:false,
       maxFiles:2,

       acceptedFiles: '.jpg',
       maxFilesize:1,
       addRemoveLinks: 'no',
       dictFileTooBig: "File size ({{filesize}}MB). Max File Size: {{maxFilesize}}MB.",
       dictInvalidFileType: "JPG Only",


      init: function() {
        this.on("maxfilesexceeded", function(file) {
        this.removeAllFiles();
        this.addFile(file);

        });
        this.on("removedfile", function(file, xhr, formData) {
        $("#filename").val('');
         });
       },

      accept: function(file, done) {
        var filename = file.name;
        $("#filename").val(unik);
        done();
        }
  });
});
</script>
这是观点,, 我为新的dropzone区域制作了其他dropzone功能来上传图像, 在dropzone区域成功显示图像,但第一个图像被第二个图像替换。 filaname只在dropzone区域下方显示一个

<div class="dropzone" id="my-awesome-dropzone">
  <div id="eyeDropZone" class="dropzone" ></div>
  <input multiple  name="foto_name" type="text" id="filename"  required readonly />

</div>
<div class="dropzone" id="my-awesome-dropzone">
  <div id="eyeDropZone" class="dropzone" ></div>
  <input multiple  name="akta_name" type="text" id="filenameakta"  required readonly/>
</div>

我猜您想上载多个文件。您可以在
DropZone选项中设置
maxfile
限制

当任何用户试图超过限制时,都会触发事件
maxfilesExcepted
,您可以在那里执行验证

    Dropzone.options.myDropzone = {
            maxFiles: 2,
      init: function() {
    this.on("maxfilesexceeded", function(file){
        alert("No more files can be uploaded!");
    });
  }
    }

如果这不能解决您的问题,请在收到任何错误消息时提供错误消息。

这实际上是一个在beack端处理的问题。你在那里使用什么代码语言?PHP还是其他?我做了多次上传,但使用了文件的原始名称,以防止覆盖,对不起,迟到了。我使用php codeigniter@danielfst首先,id名称相同是一种不好的做法。为什么在同一个页面中需要两个div的dropzone?我只是想上传其他人的图片并上传到db,但我不会工作。事实上,我只想使用1个id,在dropzone doc中显示方式。但它只显示图像,不使用不同的名称保存到数据库,并插入到不同的字段中@标识Yunknn0wn您何时调用了函数“生日上传”??
<div class="dropzone" id="my-awesome-dropzone">
  <div id="eyeDropZone" class="dropzone" ></div>
  <input multiple  name="foto_name" type="text" id="filename"  required readonly />

</div>
<div class="dropzone" id="my-awesome-dropzone">
  <div id="eyeDropZone" class="dropzone" ></div>
  <input multiple  name="akta_name" type="text" id="filenameakta"  required readonly/>
</div>
    Dropzone.options.myDropzone = {
            maxFiles: 2,
      init: function() {
    this.on("maxfilesexceeded", function(file){
        alert("No more files can be uploaded!");
    });
  }
    }