Dropzonejs 上传多张图片遇到的问题

问题描述

$(document).ready(function(){Dropzone.autoDiscover=false;//SimpleDropzonejs$("#dZUpload").dropzone({url:"upload.ashx",addRemoveLinks:true,parallelUploads:100,success:function(file,response){varimgName=response;file.previewElement.classList.add("dz-success");alert(imgName);$("#dZUpload").hide();//console.log("Successfullyuploaded:"+imgName);},error:function(file,response){file.previewElement.classList.add("dz-error");}});});一般处理程序publicvoidProcessRequest(HttpContextcontext){//context.Response.ContentType="text/plain";//context.Response.Write("HelloWorld");context.Response.ContentType="text/plain";stringdirFullPath=HttpContext.Current.Server.MapPath("~/MediaUploader/");string[]files;intnumFiles;files=System.IO.Directory.GetFiles(dirFullPath);numFiles=files.Length;numFiles=numFiles+1;stringstr_image="";foreach(stringsincontext.Request.Files){HttpPostedFilefile=context.Request.Files[s];//intfileSizeInBytes=file.ContentLength;stringfileName=file.FileName;stringfileExtension=file.ContentType;if(!string.IsNullOrEmpty(fileName)){fileExtension=System.IO.Path.GetExtension(fileName);str_image="MyPHOTO_"+numFiles.ToString()+fileExtension;stringpathToSave_100=HttpContext.Current.Server.MapPath("~/MediaUploader/")+str_image;file.SaveAs(pathToSave_100);}}context.Response.Write(str_image);}上传多张图片时,每上传一张就会返回一个值,弹出一个提示,我希望所有图片都上传后再弹出提示。咋么改,求大神指教

解决方案

解决方案二:
代码中写了一次处理所有上传文件的代码,但是可能是插件传递逻辑是一次一个文件的上传方式搜索了一下帮助,需要指定uploadMultiple,以下是文档说明WhetherDropzoneshouldsendmultiplefilesinonerequest.Ifthisitsettotrue,thenthefallbackfileinputelementwillhavethemultipleattributeaswell.Thisoptionwillalsotriggeradditionalevents(likeprocessingmultiple).Seetheeventssectionformoreinformation.个人认为应该这么改$("#dZUpload").dropzone({url:"upload.ashx",addRemoveLinks:true,uploadMultiple:true其余代码不变,但是这个插件只支持到ie10+,有点可惜了
解决方案三:
this.on("complete",function(file,message){++num;if(num==total){alert("OK");}});this.on("addedfile",function(file,message){++total;});js设个参数varnum=0;vartotal=0;有文件添加就total+1;返回成功就num+1;自己考虑-1的情况

时间: 2024-09-19 10:34:52

Dropzonejs 上传多张图片遇到的问题的相关文章

input file 上传多张图片,如果想删除其中的某张图片或某几张如何处理?

问题描述 input file 上传多张图片,如果想删除其中的某张图片或某几张如何处理? input file 上传多张图片,利用h5显示了所上传的多张图片,如果想删除其中的某张图片或某几张如何处理? 解决方案 file multiple多选无法删除里面已经选中的文件,回一起回发服务器,但是可以通过js记录删除的图片下标,一起回发服务器,然后服务器遍历Files容器保存的时候对比被删除下标,对比成功则不保存这张图片 解决方案二: 你说的删除是在上传前在客户端删除还是在上传后在服务器上删除?是从上

POST请求上传多张图片并携带参数

POST请求上传多张图片并携带参数 在iOS中,用POST请求携带参数上传图片是非常恶心的事情,HTTPBody部分完全需要我们自己来配置,这个HTTPBody分为3个部分,头部分可以携带参数,中间部分就是我们要传输的图片文件,尾部就是结束标识了,这些设置完了还不够,你还需要配置一下HTTPHeaderField中的Content-Length以及Content-Type,恐怕一般人都会头大:). 完整的HTTPBody解密出来后是下面的格式: --AaB03x Content-Disposit

自定义组件事件-JSP中的自定义标签用来上传多张图片文件

问题描述 JSP中的自定义标签用来上传多张图片文件 跪求:自定义标签实现上传图片功能,java中的类代码咋写啊,最好能实现能一次上传多张照片.

javascript-js如何上传多张图片啊?

问题描述 js如何上传多张图片啊? js如何上传多张图片啊?而且,上传的图片下面可以删掉?这个怎么实现啊 解决方案 js实现多张图片切换效果Js实现多张图片无规律的轮流切换jsp页面通过ajax上传多张图片 解决方案二: http://www.xwcms.net/js/tpdm/58911.html 解决方案三: 只针对图片,还是包括其它的文件.比如jsp,txt,png什么的后缀? 解决方案四: 你加我号,我发你.635072739.

spring mvc-springMVC上传多张图片(只用一个上传控件)

问题描述 springMVC上传多张图片(只用一个上传控件) 怎么上传多张图片?我用的框架是springMVC(Ajax+jquery),在网上也搜了好多例子,但都是有多个上传控件(),但我公司要求只能有一个上传控件,当你点"上传图片"选中后,它会显示在一个可编辑的Div里,然后你可以继续上传图片,当点击"保存"后,图片的地址会上传到数据库,上传的图片保存在发布的工程目录下. 本人新手,不喜勿喷...还请各位大牛不吝赐教,本人不胜感激...

Android上传多张图片到服务器

问题描述 Android上传多张图片到服务器 单张上传我已经成功了,不知道怎么处理多张图片上传,求求求求解!!! 解决方案 http://download.csdn.net/download/javalishilong/6312977 解决方案二: private void toUploadFile(File file String fileKey String RequestURL Map param) { String result = null; requestTime= 0; long

ASP.NET(C#)实现一次性动态上传多张图片的代码(多个文件)_实用技巧

在做asp.net的Web开发的时候,我们经常会遇到一次性上传多个文件的需求.通常我们的解决方法是固定放多个上传文件框,这样的解决办法显然是不合理的,因为一次上传多个,就意味着数量不确定.因此我们就要让这些文件上传框动态添加,下面我以我做的一个图库管理中的上传图片的功能为例 先看效果: 打开的初始界面: 默认是上传一个图片,但当我们点"增加图片"按钮时可以实现选择多个图片及其描述同时上传,本功能限制一次最多只能上传8张,且每张图片大小不超过1M,这个大家可根据实际情况更改! 如图: 下

ionic cordova一次上传多张图片(类似input file提交表单)的实现方法_javascript技巧

我们可以通过cordova提供的插件调用摄像头或图库选择需要的图片上传,按cordova官方的方法,每次选择完后就直接上传,这并不符合用户的习惯,最好的用户习惯是用户选择完需要的图片,并可在本地预览,接着用户再次打开摄像头或图库再次选择图片,接着预览,对于不需要的图片删除,最后确定可以后,再一次性上传所有图片.显然这种方式,cordova是不支持,那要如何实现呢,以下是我的方法: 通过调用$cordovaImagePicker.getPictures该方法打开图库,获得图片的URL地址,ps:相

一次上传多张图片,并且上传前可以预览其缩略图 兼容IE7

问题描述 我想要一个,一次上传多张图片,并且上传前可以预览其缩略图兼容IE7的jquery插件 解决方案 解决方案二:js干不了这事,一般都是flush插件解决方案三:这需要插件.ActiveX.Silverlight.Flash都可以考虑.