jjzjj

Dropzone

全部标签

javascript - 如何使用dropzone上传base64图片资源?

我正在尝试使用Dropzone.js上传生成的客户端文档(目前为图像).//.../init.jsvarmyDropzone=newDropzone("form.dropzone",{autoProcessQueue:true});一旦客户完成了他的工作,他只需要点击一个调用保存功能的保存按钮://.../save.jsfunctionsave(myDocument){varfile={name:'Test',src:myDocument,};console.log(myDocument);myDropzone.addFile(file);}console.log()正确返回我文档的内

javascript - Dropzone 跨平台缩略图生成

我正在使用Dropzone上传图片并注意到两个问题:同一图像的缩略图生成在某些浏览器中失败,例如对于附加的图像,缩略图在chrome中正确生成,在safari中为空白,在firefox中仅为灰色背景。在Safari浏览器中,大多数缩略图都能正确生成,但对于某些尺寸/宽高比则不然。例如再次附加图像,如果水平拉伸(stretch),safari将生成缩略图,否则不会。更新我现在已经确定这是由缩略图宽度的“空”参数引起的。将其设置为一个值可修复所有浏览器中的问题。理想情况下,我想以其原始宽高比显示缩略图,但对于如上所述的某些尺寸/浏览器,这似乎是失败的。是否有针对此问题的修复或解决方法,以便

javascript - Dropzone.js 上传进度条无法正常工作

当我尝试上传一个大文件时,进度条立即变成100%,而实际上文件还在进行中,进度条一直等到上传进度完成。上传进度完成后,我如何才能将其填满。就这样一直等待,直到完成上传进度。这是完成的时候 最佳答案 Dropzone不做上传进度计算,你应该自己做,并提供百分比给dropzone组件。当您通过http请求发送上传请求时,您可以检查文件大小以获得上传的总大小。然后在您的服务器(onData)的每个响应中检查已上传的整个文件大小。有了总大小和上传大小,您可以设置拖放区的上传百分比。此外,还有一个complete事件会在上传成功或因错误而取消

javascript - 滚动 iframe 内的 jQuery UI dropzone 错误偏移

我遇到了jQuery-UI可拖动和可放置的问题。我需要在放置在iframe内的droppable内拖动一个draggable。这工作正常,直到我滚动iframe。可放置坐标不会更新。这个问题在fiddle中得到了证明。我正在使用下面的变通方法首先使拖放到iframe成为可能。它计算正确的偏移量但不使用iframe的滚动偏移量。我试过了,但无法对其进行调整,因此它会考虑滚动偏移。//Createnewobjecttocacheiframeoffsets$.ui.ddmanager.frameOffsets={};//Overridethenative`prepareOffsets`met

javascript - 为什么不使用 mouseup 事件目标而不是 "old school"拖放的位置?

因此,据我所知,几乎所有与IE兼容的拖放操作都使用定位来确定将某些内容放置在何处。做一些类似mousedown的事情,确定所有可放置的位置,mouseup确定我们是否处于可放置的位置。为什么?我制作了一个快速原型(prototype),它似乎可以工作,它使用mouseup上的event.target(在jquery中,所以无论它转换到其他地方)来确定放置元素。是否有令人信服的理由不这样做?(在mouseup上使用e.target)。所以,mousedown决定了拖拽的是什么,mouseup决定了拖放的位置。添加一些变量以确保我们正在拖动,并记住拖动的是什么。

javascript - dropzone js 链接删除 url 与删除按钮

在Dropzonejs中,我正在创建删除按钮,然后将其附加到缩略图,如何使用addRemoveLinks:true将我从服务器直接获取的url链接到删除按钮,//WritefunctionifyouneedtoaddsomeeventafterfilesaddedmyDropzone.on("addedfile",function(file){console.log('FilesAddedusing---------->'+$attrs.apiCall);var_this=this;/*Maybedisplaysomemorefileinformationonyourpage*/var

javascript - 如何使 Dropzone.js 看起来像网站上的主题?

我一直在尝试使用一小段示例代码和dropzone.css使Dropzone.js看起来像网站(dropzonejs.com)上的主题。这是我的代码:我检查了文件路径,这些都很好。最终结果看起来像http://www.dropzonejs.com/examples/simple.html但我的预期结果就像主页上的示例“试试吧!”部分。如果你能帮上忙,请告诉我。 最佳答案 对于主题本身,只要您遵循css规则中的相同结构,它似乎就可以正常工作:mainsection.dropzone。Tryitout!Dropfileshereorcli

javascript - jQuery : a drag-and-drop upload with multi dropzone

我想开发一个文件夹和文件树,通过文件夹拖放上传。例子:对于拖放上传,我资助jQueryFileUpload.基本代码是:$('#fileupload').fileupload({dataType:'json',url:'php/index.php',dropZone:$(document),done:function(e,data){$.each(data.result,function(index,file){$('').text(file.name).appendTo(document.body);});}});在我的项目中,我有多个放置区(我的文件夹),例如:BookmarksS

javascript - dropzone,js上传后如何刷新页面?

我正在使用dropzone.js启用拖放至我的文件上传。我已将autoProcessQueues设置为false,并且正在对添加到上传容器的所有文件运行processQueue命令。有什么方法可以在处理完所有文件后刷新页面吗?我无法在processQueue函数中看到任何回调函数.. 最佳答案 这是一个结合了其他贡献者解决方案的完整解决方案,其中dropzoneJsForm是您的dropzone表单的id。此脚本在页面加载时运行,并使用这些选项初始化放置区。(我没有禁用自动发现)。//InitialiseDropZoneformco

javascript - Dropzone.js init function() 未被调用

我有这个HTML:RemoveAll和$(document).ready(function(){}中的这个Javascriptwindow.Dropzone;Dropzone.autoDiscover=false;$('#fbDropZone').dropzone={init:function(){fbDropZone=this;$("#removeAllImages").click(function(){fbDropZone.removeAllFiles();})},paramName:"file",maxFilesize:5,maxFiles:1,autoProcessQueue: