拖放文件上传与图像预览插件Dropzone.js

所属分类：输入-上传

102248 393 查看评论 (16)

分享到微信朋友圈

查看演示 website 立即下载

插件描述：dropzone.js是重量轻的JavaScript库，将HTML元素设置为一个降落区,并通过Ajax文件被上传到服务器。

dropzone.js是重量轻的JavaScript库，将HTML元素设置为一个降落区。这意味着用户可以将文件拖放此区域，可以一次性上传多个文件，并通过Ajax文件被上传到服务器。

title="687474703a2f2f692e696d6775722e636f6d2f7a5879546a4d702e706e67.png"/>

<script src="./path/to/dropzone.js"></script>

var Dropzone = require("dropzone");

<form action="/file-upload"
      class="dropzone"
      id="my-awesome-dropzone"></form>

<input type="file" name="file" />

<form action="/file-upload" class="dropzone">
  <div class="fallback">
    <input name="file" type="file" multiple />
  </div>
</form>

jquery添加购物车复选框,全选,反选,取消,商品数量统计价格

滚动弹出顶部导航插件headhesive.js

基于PhotoClip移动端上传图片裁剪

移动端上传图片裁剪插件简单版

上传

58165 460

jQuery多图上传

jQuery多图图片上传.net后端以写好，直接使用

上传

80540 464

jQuery移动端多图上传(带裁剪功能)

适应于手机端上传图片的功能，附带上传图片裁剪功能

上传

40080 355

jQuery图片上传展示插件imgFileupload.js

jQuery图片上传展示,支持多图上传，限制图片上传个数

上传

112986 506

讨论这个项目（16）回答他人问题或分享插件使用方法奖励jQ币评论用户自律公约

葭诩 0

2019/4/3 16:40:06

files here or click to upload.
把这放在body里，改一下action就可以了，没那么麻烦

葭诩0

2019/4/3 16:40:36

<form action="/UpData" class="zone needsclick dz-clickable" style="padding: 54px 54px;background: white;border: 2px solid rgba(0, 0, 0, 0.3);text-align: center;font-size: 3rem;">
    <div class="dz-message needsclick">
        files here or click to upload.

    </div>
</form>