images-upload
v1.0.5
Published
该插件是纯原生js实现的图片压缩上传功能,兼容各种pc端以及微信端跟移动端,经测试也兼容内嵌app
Downloads
3
Maintainers
Readme
开发说明:
##例子用法(原生版本):
```
html结构:
<input id="imgUploader" type="file">
```
使用方式一:
然后直接下载imagesUpload.js,在项目里引入<script src="./dist/imagesUpload.js"></script>,然后实例化即可:
```
imagesUpload.init({
el:'imgUploader', //input文件选择器的id 必填
compress: true,//开启压缩,默认不开启
compressOptions:{
width: 300, //不填,默认原图片宽度
height: 300, //不填,默认原图片高度
quality: 0.2,//压缩质量,默认0.7
},
fieldName: 'Filedata',//传给后端的字段参数,默认是file
action : serverurl, //服务端地址
handleBefore: function (file) {
console.log("图片上传前,设置loading加载等")
},
handleProgress:function (file) {
console.log("图片上传进度")
},
handleSuccess: function (result) {
console.log("成功后的后端返回的数据")
},
handleError: function (err) {
console.log("图片上传失败")
}
});
```
使用方式二:
通过var imagesUpload = require('images-upload')
或者import imagesUpload from 'images-upload';
然后实例化即可:
```
imagesUpload.init({
el:'imgUploader', //input文件选择器的id 必填
compress: true,//开启压缩,默认不开启
compressOptions:{
width: 300, //不填,默认原图片宽度
height: 300, //不填,默认原图片高度
quality: 0.2,//压缩质量,默认0.7
},
fieldName: 'Filedata',//传给后端的字段参数,默认是file
action : serverurl, //服务端地址
handleBefore: function (file) {
console.log("图片上传前,设置loading加载等")
},
handleProgress:function (file) {
console.log("图片上传进度")
},
handleSuccess: function (result) {
console.log("成功后的后端返回的数据")
},
handleError: function (err) {
console.log("图片上传失败")
}
});
```
联系方式
Email
:[email protected]- QQ : 1077703392