Javascript 询问jquery上传多个图像
我想在使用jquery dropzone后上传一个带有预览的图像 首先,如果使用dropzone仅上载一个图像,则会显示该图像,并使用date+rndom编号为givin指定唯一名称 这是第一条路 第二条路,, 我想添加一个图像,并给予唯一的名称太多,必须保存在数据库中了。但当上传第二个图像时,它会替换第一个图像 有什么办法吗 ====================================================================== 这是执行多个上载图像的脚本, 放置在视图上:header.php。我在header.php中为其他dropzone函数创建了相同的函数。只需在视图中替换div标记id和input标记Javascript 询问jquery上传多个图像,javascript,jquery,image,image-uploading,dropzone.js,Javascript,Jquery,Image,Image Uploading,Dropzone.js,我想在使用jquery dropzone后上传一个带有预览的图像 首先,如果使用dropzone仅上载一个图像,则会显示该图像,并使用date+rndom编号为givin指定唯一名称 这是第一条路 第二条路,, 我想添加一个图像,并给予唯一的名称太多,必须保存在数据库中了。但当上传第二个图像时,它会替换第一个图像 有什么办法吗 ====================================================================== 这是执行多个上载图像的脚本,
<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!");
});
}
}