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

这是开发团队的 Hase!
这次,我想写一篇关于使用 Ionic 2 上传图片(文件)过程的文章。
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
