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

2019-11-19  本文已影响0人  Christoles

官方文档:[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':   '发生错误'
    }
});
上一篇下一篇

猜你喜欢

热点阅读