[TypeScript]使用ionic2处理上传图像[传输]
这是开发团队的Hase!
这次想写一下用ionic2上传图片(文件)的过程。
cordova-plugin-file-transfer 的插件
安装插件
首先安装插件。
$ ionic 插件添加 cordova-plugin-file-transfer
使用示例
import { Transfer } from 'ionic-native'; @Component({省略}) 导出类 FileUpload{ fileTransfer = new Transfer(); 构造函数({省略}){ } upload(){ let options = { fileKey; : '文件', fileName: 'name.jpg', headers: {} ..... } this.fileTransfer.upload( "文件路径", "服务器路径", options, false ) .then((data) = > { // 成功 }, (err) => { // 错误 }) }
解释
上述源码的第22行是实际上传图片的过程。
上传(文件路径、服务器路径、选项、trustAllHosts)
upload是一种将文件发送到服务器的方法。
解释每个论点
争论 | 类型 | 细节 | ||||||||
---|---|---|---|---|---|---|---|---|---|---|
文件路径 | 细绳 | 指定图片路径 | ||||||||
服务器路径 | 细绳 | 指定保存图片的服务器路径 | ||||||||
选项 | 文件上传选项 |
|
||||||||
信任所有主机 | 布尔值 | 基本上假的都可以 |
就变成了。
官网上有详细的解释
上面我已经解释了图片上传的过程。
在最后
Transfer 插件不仅可以处理图像上传,还可以处理下载。
这次我只解释了上传过程,但如果有需求,我想也解释一下下载过程,所以
请告诉我。
如果您觉得这篇文章有帮助,请点赞!