Dropzone V4.5.1 for Mac 文件拖拽工具使用教程

简介

Dropzone
是一款Mac上的文件拖拽操作增强工具,这款软件可以让我们把大部分工作都通过拖拽来完成,比如保存文本、发送邮件、FTP上传、打开应用等等,只需要将文件拖拽到菜单栏上的窗口中即可,并且我们完全可以定制化这些操作,可以在官网上下载定制好的各种动作。

在这里插入图片描述

介绍

Dropzone 资源

Dropzone使复制和移动文件、打开应用程序和共享具有许多不同服务的文件变得更快更容易。

Dropzone 是一款独特而神奇的应用程序,你以前从未使用过。

我们对每一个细节都给予了狂热的关注,并建立了一个看起来和感觉都像OS X的一部分的应用程序。

Dropzone附带一个强大的脚本API,并且有一些编程知识,您可以修改您的任何操作,甚至创建全新的操作。这给了Dropzone无限的可扩展性和实用性。我们总是在考虑新的操作,所以随着时间的推移,Dropzone将变得更加有用。

Drop Bar是Dropzone 3中的一个全新功能,它可以很容易地隐藏你知道以后需要的文件。只要把文件放在目标上就可以了,直到你准备好使用它们为止。你甚至可以将一组文件合并到一个栈中,然后将它们放到一个Dropzone动作或另一个应用程序上。

设置您的可定制的操作网格,在您需要更改时如何使用不同的操作。

在这里插入图片描述

Features

打开应用程序,移动和复制文件比以前更快。

与Twitter、Flickr、Facebook或消息共享。

使用新添加的Goo快速缩短url。gl搅面机。只需选择一个URL来缩短并按Ctrl+选项+Cmd+S,
缩短的URL就会自动复制到剪贴板。

AirDrop集成允许您从任何应用程序中删除文件或文件夹,并在网络上与您的其他mac共享它们。

Imgur集成允许您快速共享图像,并获得粘贴的链接。它甚至允许你删除多个图像来创建一个
Imgur相册。你可以使用它,或者不使用Imgur账号,它会设置好,准备好了。

通过FTP和Amazon S3上传。

下载并安装附加操作,让您可以上传至谷歌驱动器、YouTube等服务。

通知中心通知让您知道您的操作何时结束。

强大的多任务引擎允许您同时运行多个任务,并通过网格任务状态区域跟踪每个任务的进度。
在动画菜单项中查看任务的进展情况。

通过拖拽来快速重新排序你的动作。

使用新添加的键盘快捷键功能启动Dropzone操作。

将应用程序、文件夹或操作添加到网格中,可以很容易地将它们拖放到网格区域的添加上。
使用更新和大规模改进的Ruby或Python API开发自己的操作。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Dropzone 是一个基于 HTML、CSS 和 JavaScript 的开源库,用于实现拖拽上传文件的功能。Dropzone 具有强大的可扩展性和自定义性,可以很容易地集成到你的项目中。 使用 Dropzone 实现拖拽上传文件并回显的代码如下: HTML: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用 Dropzone 拖拽上传文件</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dropzone/dist/dropzone.css"> </head> <body> <form action="upload.php" class="dropzone" id="my-dropzone"></form> <ul id="file-list"></ul> <script src="https://cdn.jsdelivr.net/npm/dropzone"></script> <script src="upload.js"></script> </body> </html> ``` JavaScript: ```javascript Dropzone.autoDiscover = false; var myDropzone = new Dropzone("#my-dropzone", { url: "upload.php", paramName: "file", maxFilesize: 2, // 上传文件大小限制,单位为 MB maxFiles: 10, // 最多上传文件数量限制 addRemoveLinks: true, // 是否显示删除链接 dictRemoveFile: '删除文件', // 删除文件的链接文字 dictDefaultMessage: '将文件拖到此处上传', // 默认的提示消息 dictFallbackMessage: '您的浏览器不支持拖拽上传文件', // 浏览器不支持拖拽上传时的提示消息 dictFileTooBig: '文件大小超过限制', // 文件大小超过限制时的提示消息 dictInvalidFileType: '文件类型不支持', // 文件类型不支持时的提示消息 init: function() { this.on("success", function(file, response) { console.log(response); // 回显上传成功的文件信息 // 显示文件列表 var li = document.createElement('li'); li.innerHTML = file.name; document.getElementById('file-list').appendChild(li); }); } }); ``` 在上面的代码中,我们首先将 Dropzone 的样式文件和库文件引入到 HTML 中,然后在 HTML 文件中添加一个表单,表单的 class 设置为 `dropzone`,id 设置为 `my-dropzone`,这样就可以让 Dropzone 自动将表单转换为拖拽上传区域。在 JavaScript 中,我们首先设置了 `Dropzone.autoDiscover = false;`,这样就不会自动扫描 HTML 中的表单进行转换,而是通过 `new Dropzone()` 的方式来初始化 Dropzone。在初始化时,我们通过 `url` 参数指定了上传文件的处理地址,通过 `paramName` 参数指定了文件参数名,通过 `maxFilesize` 和 `maxFiles` 参数分别设置了上传文件大小和数量的限制,通过 `addRemoveLinks` 和 `dictRemoveFile` 参数控制是否显示删除链接和删除链接的文字。在 `init` 回调函数中,我们通过 `success` 事件回调函数来获取上传成功的文件信息并回显到页面上。 需要注意的是,因为上传文件使用了 `Dropzone` 对象,所以需要使用服务器端代码来进行处理,这里使用了 `upload.php` 来处理上传文件
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值