[TypeScript]使用ionic2处理上传图像[传输]

2017.03.10

网络系统开发

目录 [非表示]

1 安装插件
2 使用示例
3 解释
4 在最后

这是开发团队的Hase！

这次想写一下用ionic2上传图片（文件）的过程。
cordova-plugin-file-transfer 的插件

安装插件

首先安装插件。

1	`$ 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行是实际上传图片的过程。

1	`上传（文件路径、服务器路径、选项、trustAllHosts）`

upload是一种将文件发送到服务器的方法。
解释每个论点

争论

类型

细节

文件路径

细绳

指定图片路径

服务器路径

细绳

指定保存图片的服务器路径

选项

文件上传选项

文件密钥	指定表单元素（默认：文件）
文件名	指定在服务器上保存文件时的名称（默认：image.jpg）
http方法	指定 HTTP 方法为 PUT 或 POST（默认：POST）
mime类型	指定 MIME 类型（默认：image/jpeg）