[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 是将文件发送到服务器的方法。
参数如下:

争论 类型 细节
文件路径 细绳 指定图像路径
服务器路径 细绳 指定要保存图像的服务器路径。
选项 文件上传选项
文件密钥 指定表单元素(默认值:file)
文件名 指定保存到服务器的文件名称(默认值:image.jpg)
http方法 指定HTTP方法为PUT或POST(默认值:POST)
mimeType 指定 MIME 类型(默认值:image/jpeg)
信任所有主机 布尔值 基本上,false 是可以的。


官方网站上有详细的说明
我的图片上传过程说明结束

结论

Transfer插件不仅可以处理图片上传,还可以处理下载。
这次我只讲解了上传过程,但如果大家有需要,我也很乐意讲解下载过程,
谢谢大家的理解。

如果您觉得这篇文章有用,请点击【点赞】!
0
加载中...
0票,平均分:0.00/10
912
X Facebook Hatena书签 口袋

这篇文章的作者

关于作者

长谷达也

应届毕业生加入 Beyond Co., Ltd.。

我们开发网络系统(开发基于浏览器的服务和系统,例如网络服务、数字内容和业务管理系统)和游戏 API(开发用于与应用程序游戏通信的程序)。

我们也为 Shopify 开发私有/定制应用程序。

他最初在大阪办公室工作,2019年被调到横滨办公室。
他的爱好是棒球、卡拉OK和动漫。