美文网首页
dropify插件的使用---文件上传

dropify插件的使用---文件上传

作者: Christoles | 来源:发表于2019-11-19 15:07 被阅读0次

官方文档:[https://www.npmjs.com/package/dropify](https://www.npmjs.com/package/dropify)
引入dropify.css 和 droppify.js

html:

<input type="file" class="dropify" />

常用的限制(加上属性就可以了):

限制文件大小 
<input type="file" class="dropify" data-max-file-size="3M" />
限制文件类型 
<input type="file" class="dropify" data-allowed-file-extensions="pdf png psd" />

js:

实例化 $('.dropify').dropify({
  messages: {
        'default': '点击或拖拽文件到这',
        'replace': '点击或拖拽文件替换',
        'remove':  '移除文件',
        'error':   '发生错误'
    }
});

相关文章

网友评论

      本文标题:dropify插件的使用---文件上传

      本文链接:https://www.haomeiwen.com/subject/jlnwictx.html