草庐IT

dropZone

全部标签

javascript - 如何将 AntiforgeryToken 与 dropzone.js 一起使用,将 MVC 5 与 Vanilla JS 一起使用?

我现在正试图弄清楚如何使用Dropzone.js和vanillajavascript(无jQuery)发送防伪token。这是我目前的初始化代码:$(document).ready(function(e){varmyDropzone=newDropzone("#myDropzone",{url:"/Media/AjaxUpload",maxFilesize:10,addRemoveLinks:true,maxFiles:1});myDropzone.on("success",function(response){//Dosomepersonalstuff.});myDropzone.o

javascript - 如何将拖放事件监听器附加到 React 组件

我正在构建一个允许将本地文件拖放到div上的组件。然后会输出有关已删除文件的信息。我的问题是在创建组件时我不知道如何正确附加事件监听器drop和dragover。我的App组件是我所有逻辑所在的地方(拖放和拖动的处理程序),我创建了一个单独的组件,文件将被放置在该组件上-dropZone组件。我尝试使用componentDidMount将事件监听器放在我的App组件上的dropZone标记上,如果我的dropZone组件已呈现,则在其上放置一个事件监听器:componentDidMount(){constdropZone=document.getElementById('dropZon

javascript - 使用单独的 Dropzones 以一种形式上传多个单个文件

我有一个表单,您可以在其中不断添加更多行。第一行包含姓名和头像等。我想使用Dropzone.js使每个头像成为不同的可放置区域。每当我创建一个新行时,我都会创建一个新的Dropzone区域。这很好,而且有效。但是,当我提交表单时,找不到文件。我能理解为什么,因为文件字段不在表单中,所以它们被附加到正文中。......我正在avatardiv上初始化dropzone。是否可以将它们添加到表单内部的文件字段?这是JS中发生的事情。为了简洁起见,它被简化了一点。(function(){varcount=1;var$form=$('form');initDropzone($('#person_

javascript - Dropzone.js 和 ajax

我使用dropzone.js并使用ajax加载它。我的菜单ID="#menu"上传文件应该出现在“#div1”回调函数不工作。我将Dropzone.discover替换为alert("test");(document).ready(function(){$("#menu").click(function(){$("#div1").load("upload.php",null,function(){Dropzone.discover();});注意:我尝试了下面的代码,但没有成功。$("#div1").load("upload.php",function(){Dropzone.disco

Javascript 和 VueJS 变量访问

我想从successDropzone事件回调中访问VueJS变量。所有代码都没有问题,DropzoneJS和VueJS可以很好地协同工作,但是我的变量photos在成功回调中不可访问。这是我的脚本的一个简单实现:importDropzonefrom'dropzone';exportdefault{data(){return{photos:[]};},ready(){Dropzone.autoDiscover=false;newDropzone('form#upload-form',{url:'...',success:function(file,response){this.photo

javascript - 修改 Dropzone : Show uploaded image in another div

我正在使用dropzone.js创建个人资料图片uploader,我已经复制了布局offeredbyFacebook,但我想让它做的是,当您放下图像时,它会替换放置区内的内容。到目前为止我的演示:ImageLink到目前为止我的代码:Dropzone.options.employeeImageDropzone={maxFiles:1,acceptedFiles:'image/*',addRemoveLinks:true,dictDefaultMessage:'UploadaPhotoFromyourcomputer',paramName:'empImage',init:function

javascript - 在 dropzone.js 中启用复制和粘贴文件

我正在使用dropzone.js。我想在其中实现“复制和粘贴”功能。我尝试的是:dropzone.js内部:paste:function(e){Dropzone.prototype.emit("paste");}Dropzone.prototype.paste=function(e){varitems,_ref;if((e!=null?(_ref=e.clipboardData)!=null?_ref.items:void0:void0)==null){return;}this.emit("paste",e);items=e.clipboardData.items;if(items.l

javascript - Dropzone.js 在触发事件后删除文件

所以这是我的代码:Dropzone.options.myDropzone={//PreventsDropzonefromuploadingdroppedfilesimmediatelyautoProcessQueue:false,init:function(){varsubmitButton=document.querySelector("#submit-all")myDropzone=this;//closuresubmitButton.addEventListener("click",function(){myDropzone.processQueue();//TellDropzo

javascript - 如何手动触发 Dropzone 的点击(打开选择文件对话框)

Dropzone仅适用于元素本身我的按钮内有一个SPAN标记,当我单击文本时它不会触发单击dropzone附加到的父元素。我尝试了以下但它不起作用!$('.dropzone').click();还有这个$('.dropzone').trigger('click'); 最佳答案 默认情况下,dropzone仅在其自身的元素上起作用,如果您尝试手动运行触发器,它将不起作用。在搜索了很多之后我能找到的最好方法是:myDropzone.hiddenFileInput.click()找到dropzoneinstant有几种方法:1-通过jqu

javascript - 如何更改 dropzone.js 中的默认文本?

我在更改dropzoneuploader的默认文本时遇到问题。尽管我已经像这样初始化了它,但它仍然呈现默认文本:Dropzone.options.imgUpload={paramName:"file",//MustmatchthenameoftheHttpPostedFileBaseargumentthattheUploadactionexpects.dictDefaultMessage:"Dragyourimagehere",acceptedFiles:"image/*"//Acceptimagesonly};还尝试更改dropzone.js中设置的dictDefaultMessag