dropzone.js是重量轻的JavaScript库,将HTML元素设置为一个降落区。这意味着用户可以将文件拖放此区域,可以一次性上传多个文件,并通过Ajax文件被上传到服务器。
title="687474703a2f2f692e696d6775722e636f6d2f7a5879546a4d702e706e67.png"/>
1 2 3 | < code class = "language-html" data-lang = "html" >< span class = "nt" >< script </span>< span class = "na" >src=</ span >< span class = "s" >"./path/to/dropzone.js"</ span >< span class = "nt" >></ script ></ span > </ code > |
var Dropzone = require("dropzone");
1 2 3 4 | < code class = "language-html" data-lang = "html" >< span class = "nt" >< form </span> < span class = "na" >action=</ span >< span class = "s" >"/file-upload"</ span > < span class = "na" >class=</ span >< span class = "s" >"dropzone"</ span > < span class = "na" >id=</ span >< span class = "s" >"my-awesome-dropzone"</ span >< span class = "nt" >></ form ></ span > </ code > |
1 | < code class = "language-html" data-lang = "html" >< span class = "nt" >< input </span> < span class = "na" >type=</ span >< span class = "s" >"file"</ span > < span class = "na" >name=</ span >< span class = "s" >"file"</ span > < span class = "nt" >/></ span ></ code > |
<form action="/file-upload" class="dropzone">
<div class="fallback">
<input name="file" type="file" multiple />
</div>
</form>
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com