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

所属分类：输入-上传

102425 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

手机端实现多图片上传预览

HTML+CSS+原生JS实现手机端实现多图片上传，选中图片后，可以点击放大（有一定的注释，在PC，ipad，IOS和安卓上都测试过）

上传

34699 313

jQuery多图上传插件imgUp.js

可以多图的上传，预览，并带删除功能

上传

126749 963

jQuery多图上传带ajax提交

jQuery多图上传可删除，可以本地预览带前台接口

上传

81804 560

jQuery图片上传，带剪切功能

jQuery图片上传，适用移动端，带剪切功能，支持手势调节图片大小

上传

40313 337

讨论这个项目（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>