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

所属分类：输入-上传

101180 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

zyupload四种不同的上传PHP版

PHP支持拖拽和裁剪的一款上传插件：zyupload。在js里面可以自定义高度和宽度，类型，远程上传地址等。

上传

91024 400

jquery头像上传剪裁插件cropper

cropper是一款使用简单且功能强大的图片剪裁jQuery插件

上传

116042 746

jQuery多图上传带ajax提交

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

上传

80582 560

基于webuploader多图片上传插件diyUpload.js

多张图片上传 base64格式移动端可支持，代码中有详细注释。

上传

86019 571

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