官方文档:[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': '发生错误'
}
});
网友评论