Uploader

单个文件异步上传组件，支持预览本地图片。

示例

<nut-uploader 
 url="" 
 :preview="true" 
 @start="uploadStart" 
 @progress="uploadProgress"
 @success="uploadSuccess" 
 @failure="uploadFailure" 
 @preview="uploadPreview"
 @afterChange="clearInput"
 @showMsg="errTip"
 >
 </nut-uploader>

export default {
    methods:{
      uploadStart(){
        console.log('start');
      },
      uploadProgress(file, loaded, total){
        this.progress = '上传进度：'+loaded/total*100+'%';
      },
      uploadPreview(previewFile){
        this.preview ='本地预览图：<img src="'+previewFile+'" alt=""/>';
      },
      uploadSuccess(file, responseTxt){
        alert('上传成功！');
      },
      uploadFailure(file, responseTxt){
        alert('上传失败！');
      },
      clearInput(input,event){
        //change事件触发后，清空value值，选相同文件时可再次触发change事件
        input.value = '';
      },
      //此方法用于接收和处理组件内部抛出的错误信息，如所选文件大小超过限制、文件类型不正确等等
      errTip(msg){ 
        alert(msg); 
      }
    }
}

Props

Events