<div> <div> <input data-LUploader='demo1' data-form-file='basestr' data-upload-type='front' type="file" /> <ul></ul> </div> <div> <div></div> <p>单击上传</p> </div> </div>
(2)将样式文件和js文件引入到页面中：
<link href="https://www.jb51.net/css/LUploader.css" > <script src="https://www.jb51.net/js/LUploader.js"></script>
(3)js脚本中初始化插件：
new LUploader(这里放需要绑定的input对象作为参数, { url: '',//post请求地址 multiple: false,//是否一次上传多个文件 默认false maxsize: 102400,//忽略压缩操作的文件体积上限 默认100kb accept: 'image/jpg,image/jpeg,image/png',//如果写成image/*会出现响应慢的问题 quality: 0.1,//压缩比 默认0.1 范围0.1-1.0 越小压缩率越大 showsize:false//是否显示原始文件大小 默认false });