jjzjj

dropzone

全部标签

javascript - 单个页面中的多个 Dropzone

我在使用Dropzone时没有创建dropzone表单。这种方式对我很有用。但在这种情况下,我无法在我的页面中创建另一个Dropzone实例。varmyDropzone1=newDropzone(document.body,{url:"upload1"......someparameters};varmyDropzone2=newDropzone(document.body,{url:"upload'"......someparameters};当我这样做时,我收到错误消息Dropzonealreadyattached. 最佳答案

javascript - 上传时的 Dropzone 提交按钮

我想添加一个按钮上传到我的dropzone文件uploader。目前它是在选择文件或将文件拖到拖放区后直接上传文件。我想做的是:1.选择或拖动要上传的文件。2.验证3.点击或按下上传按钮上传文件。注意:只有在按下上传按钮后才会上传文件。这是我的表格CampaignID\"/>这是我的JSDropzone.options.frmTarget={url:'upload_files.php',paramName:'file',clickable:true,maxFilesize:5,uploadMultiple:true,maxFiles:2,addRemoveLinks:true,acce

javascript - 如何使用 Dropzone.js 禁用可点击的表单?

我正在使用Dropzone.js将文件上传到服务器。我将我的DropzonemaxFiles参数设置为10,我试过这个:$('.dropzone').dropzone({maxFiles:10,init:function(){this.on('maxfilesreached',function(){$('.dropzone').unbind('click');});}});...但无法正常工作。从.dropzone中删除可点击的解决方案或以任何其他方式阻止用户添加更多文件的解决方案是什么? 最佳答案 为什么不直接使用CSS来禁用点击

javascript - Rails : Uploading dropzone, S3,carrierwave,不适用于 Safari,但适用于 Google Chrome

我将dropzone与S3和载波一起使用。我可以通过GoogleChrome上传图片,但我无法让它与Safari一起使用,这很奇怪。这是我的表格=nested_form_for@trip,html:{multipart:true,id:'fileupload',class:'directUpload',data:{'form-data'=>(@s3_direct_post.fields),'url'=>@s3_direct_post.url,'host'=>URI.parse(@s3_direct_post.url).host}}do|f|.dropzone#imageUpload=f

javascript - 单击按钮后如何在 Dropzone.js 中调用 .removeAllFiles() 函数

我正在使用http://www.dropzonejs.com/(dropzone.js)库。我已经将我的表单元素之一初始化为,vardrop=$("#upload").dropzone({uploadMultiple:"true",addRemoveLinks:"true",thumbnailWidth:"250",thumbnailHeight:"250",maxFilesize:"10",headers:{"title":titles,"location":locations,"tag":tags}});现在当用户点击按钮,我想使用drop.removeAllFiles(true)

javascript - 整个页面作为拖放区

在编写接受文件输入的网络应用程序时,我想使用拖放功能,但我不希望页面上只有一个小的放置区。我认为如果您可以放在页面上的任何位置会更方便。幸运的是,window.ondrop事件会在页面上的任何位置触发,但我想要一些奇特的效果来向用户直观地展示拖放​​是可能的。要做到这一点,只需要检测文件何时被拖入窗口,以及何时被拖出,以触发显示用户该应用程序启用了拖动。事实证明,拖动事件并不是那么方便。我假设window.ondragenter只会在用户进入页面时触发一次。然后当您离开窗口时,它会触发window.ondragleave。错误的。当鼠标在页面中的子元素上移动时,它会不断触发。我查看了事

javascript - Dropzone js 不在回退模式下传递文件

除了在fallback模式(IE9)期间传递文件外,Dropzone可以完美地处理所有内容。掉落在正常模式下工作完美,所有隐藏的输入都完美地通过帖子,并且所有隐藏的帖子值在回退模式下工作。唯一的问题是当IE9强制回退模式时$_FILES为空。除了dropzone.js文件之外,我的页面上没有任何javascript,据我所知,这个过程是自动的,根据我所阅读的所有内容,它应该是......对吧?这是HTML端的代码——为清楚起见清理了一些PHP元素: 最佳答案 嗯,我有点尴尬。经过几天试图找出我在dropzone.js文件中遗漏的内容

javascript - 如何在 dropzone.js 中连同文件一起提交隐藏的输入字段

我是这个dropzone.js的新手,我怀疑如何将隐藏的输入字段值与文件一起提交。这是我尝试过的代码,如果我在某些地方出错,可以帮助指导我。HTML和PHP代码:">"class="dropzonedZUpload">">Submitthisform!这是我的javacript代码:for(vari=1;i",paramName:"file",maxFilesize:2,autoProcessQueue:false,addRemoveLinks:true,uploadMultiple:true,parallelUploads:100,maxFiles:100,init:function

javascript - Dropzone.js "success"和 "complete"有什么区别?

我正在使用Dropzone.js并希望在图像上传后清除图像和表单数据并且我的PHP后端代码完全完成处理并返回(我认为这是图像底部出现复选标记的时候?)。使用Dropzone.js有:this.on("success",function(file,responseText)this.on("complete",function(file,responseText)是后端upload.php完成并返回结果时的“success”(图片底部出现对勾),文件上传到后端主机时是“complete”(进度条完成)和upload.php开始处理上传的图片文件?感谢您的建议和解释!

php - 如何在 dropzone.js 中限制最大 "total"文件大小?

目前我使用dropzone来处理Jquery中的文件上传。到目前为止它工作正常。唯一的问题是,在配置中有一个maxFileSize选项,它限制了“单个”文件的大小。由于服务器(php.ini)也有“总”文件大小限制,我想知道如何在dropzone.js中限制它?非常感谢。http://www.dropzonejs.com/#configuration-options 最佳答案 我只看到maxfilesize、paralleluploads和maxfiles我认为您可能需要在添加文件时跟踪文件大小,也许使用this.on("added