[TypeScript] 使用 Ionic 2 进行图像上传 [传输]

这是开发团队的 Hase!
这次我想写一下使用 ionic2 上传图片(文件)的过程。
我将使用一个名为cordova-plugin-file-transfer 的
安装插件
首先,安装插件。
$ ionic plugin add cordova-plugin-file-transfer
使用示例
import { Transfer } from 'ionic-native'; @Component({省略}) export class FileUpload{ fileTransfer = new Transfer(); constructor({省略}){ } upload(){ let options: any; options = { fileKey: 'file', fileName: 'name.jpg', headers: {} ..... } this.fileTransfer.upload( "文件路径", "服务器路径", options, false ) .then((data) => { // 成功 }, (err) => { // 错误 }) }
解释
上述源代码的第 22 行是实际上传图像的过程。
upload(文件路径, 服务器路径, 选项, trustAllHosts)
upload 是将文件发送到服务器的方法。
参数如下:
| 争论 | 类型 | 细节 | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| 文件路径 | 细绳 | 指定图像路径 | ||||||||
| 服务器路径 | 细绳 | 指定要保存图像的服务器路径。 | ||||||||
| 选项 | 文件上传选项 |
|
||||||||
| 信任所有主机 | 布尔值 | 基本上,false 是可以的。 |
官方网站上有详细的说明
我的图片上传过程说明结束
结论
Transfer插件不仅可以处理图片上传,还可以处理下载。
这次我只讲解了上传过程,但如果大家有需要,我也很乐意讲解下载过程,
谢谢大家的理解。
如果您觉得这篇文章有用,请点击【点赞】!
0