1.0.5 • Published 6 years ago

images-upload v1.0.5

Weekly downloads
-
License
ISC
Repository
-
Last release
6 years ago

开发说明:

##例子用法(原生版本):    
```
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:wangwenshan@qiku.com
  • QQ : 1077703392
1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago