l-file

完整示例可导入示例项目运行

不要期待更新，我很懒~

希望能帮到你！

---

使用说明

属性	是否必填	值类型	返回值	说明
@up-success	否	CallBack	{name,data}	上传成功回调

ref调用

作用	方法	传入参数类型	说明
下载	download		type='save'为保存到本地，默认为获取临时路径
预览	open	URL	预览文件
上传	upload	Object	上传文件,参数见下方函数说明

vue:

// 以下代码写于根目录下第一个view顶部或跟在自定义导航栏后面
<l-file 
    ref="lFile" 
    @up-success="upSuccess"
></l-file>

---

• 函数说明

/* 预览临时文件 */
this.$refs.lFile.download({url})
.then(path=>{
    this.$refs.lFile.open(path);
});

/**
* 保存到本地
* type 非save为临时下载
* customName 仅type=save生效 附件自定义名称需带后缀，自定义目录需以/结尾
* DownloadOptions 仅type=save生效 可选参数(http://www.html5plus.org/doc/zh_cn/downloader.html#plus.downloader.DownloadOptions)
* 默认下载到_downloads/files/ 可通过DownloadOptions自定义
*/
this.$refs.lFile.download({
    url, //必填，附件网络地址
    type:'save', //选填，非save为临时下载
    customName:'自定义文件名需要带后缀.jpg',
    //...DownloadOptions直接写key:value 
    // 例如：
    method: 'GET'
})
.then(path=>{
    this.localPath = path;
});

/* 
选择文件并上传

currentWebview=当前窗口，仅app端需要传，且必传

url=上传服务器地址，必填
name=上传文件的key(选填，默认为file)
header=请求头(选填)
*/
this.$refs.lFile.upload({
    // #ifdef APP-PLUS
    currentWebview: this.$mp.page.$getAppWebview(),
    // #endif
    url: '', //你的上传附件接口地址
    name: 'file',
    header: {'Authorization':'token'},
    // body参数直接写key,value,如：
    // key1: 'value1',
    // key2: 'value2',
});

温馨提示

• 文件上传
• 如不清楚怎么调用可导入完整示例可查看使用方式
  
• APP端请优先联调Android,上传成功后再运行iOS端，如iOS返回status=0则需要后端开启允许跨域；
• header的Content-Type类型需要与服务端要求一致，否则收不到附件（服务端若没有明文规定则可不写，使用默认匹配）
• java不清楚怎么配置跨域可以找我；若是php，跨域需要注意不能配置为*星号，需为file单独设置跨域，具体百度~
• 欢迎加入QQ讨论群：701468256
• 欢迎加入QQ讨论群：701468256
• 欢迎加入QQ讨论群：701468256