【翻译】【Ionic】上传,FileTransfer学习
来源:互联网 发布:shell脚本编程教程 编辑:程序博客网 时间:2024/06/01 21:50
英文原文及GitHub下载地址点我;
FileTransfer
对象提供一种使用HTTP多部分 POST或者PUT请求上传文件的方式,并且,可以下载文件;
Properties
onprogress:无论是否一个新的大量数据被传输了,其总会伴随ProgressEvent事件;
Method
upload:向服务器上传一个文件;
download:从服务器下载一个文件;
abort:终止一个运行的传输程序;
upload
参数:
fileURL:文件系统的URL代表设备上一个文件或数据URI。为了能够兼容性反馈,也可以是文件在设备上的全路径;
server:服务器接收文件的URL,可被encodeURI编码;
successCallBack:返回一个FIleUploadResult对象,文件上传结果对象,用来反馈是否通过;
errorCallBack:错误反馈,如果一个错误在检索过程中发生,其会引用一个FileTransferError文件传输错误对象;
options:操作性参数,可得到的keys:
fileKey:文件名,默认为file;
fileName:存储文件到服务器的名字,默认为image.jpg;
httpMethod:http请求方法,有POST或PUT,默认为POST;
mimeType:上传的数据的类型,默认是image/jpeg;
mime:用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开。
params:http请求中,一个操作性键值对的集合,(Object,key/value)
chunkedMode:是否上传数据使用大量数据模式;默认true;(boolean)
headers:一个headerMap类型 name/header value键值对;使用hash来唯一确定某个值;在IOS,FireOS和安卓Android中,如果一个header中的Content-Type的Map存在,多部分形式数据将不会被使用;
trustAllHosts:操作性参数,默认是false;如果设置为true的时候,其将接受安全验证,自从安卓拒绝self-signed安全验证之后,这是很有用;不推荐产品使用。支持安卓和IOS;(boolean类型)
例子:
// !! Assumes variable fileURL contains a valid URL to a text file on the device,// for example, cdvfile://localhost/persistent/path/to/file.txtvar win = function (r) { console.log("Code = " + r.responseCode); console.log("Response = " + r.response); console.log("Sent = " + r.bytesSent);}var fail = function (error) { alert("An error has occurred: Code = " + error.code); console.log("upload error source " + error.source); console.log("upload error target " + error.target);}var options = new FileUploadOptions();options.fileKey = "file";options.fileName = fileURL.substr(fileURL.lastIndexOf('/') + 1);options.mimeType = "text/plain";var params = {};params.value1 = "test";params.value2 = "param";options.params = params;var ft = new FileTransfer();ft.upload(fileURL, encodeURI("http://some.server.com/upload.php"), win, fail, options);
上传头部和项目时间的例子(只支持Android和IOS)
function win(r) { console.log("Code = " + r.responseCode); console.log("Response = " + r.response); console.log("Sent = " + r.bytesSent);}function fail(error) { alert("An error has occurred: Code = " + error.code); console.log("upload error source " + error.source); console.log("upload error target " + error.target);}var uri = encodeURI("http://some.server.com/upload.php");var options = new FileUploadOptions();options.fileKey="file";options.fileName=fileURL.substr(fileURL.lastIndexOf('/')+1);options.mimeType="text/plain";var headers={'headerParam':'headerValue', 'headerParam2':'headerValue2'};options.headers = headers;var ft = new FileTransfer();ft.onprogress = function(progressEvent) { if (progressEvent.lengthComputable) { loadingStatus.setPercentage(progressEvent.loaded / progressEvent.total); } else { loadingStatus.increment(); }};ft.upload(fileURL, uri, win, fail, options);
FileUploadResult
一个FileUploadResult 对象是文件传输(FileTransfer)和上传(upload)通过成功的反馈;
Properties
bytesSent:发送到服务器的字节数,一同上传;(long)
responseCode:服务器返回的HTTP反馈代码;(long)
response:服务器返回的HTTP响应;(DOMString)
headers:服务器的HTTP响应头部;(Object)目前只支持IOS;
**IOS Quirks**IOS兼容
不支持responseCode或bytesSent;
不支持上传带有chunkedMode=true和multipartMode=false的空文件;
Browser Quirks浏览器兼容
withCredentials:boolean告诉浏览器在XMLHttpRequest上设置withCredentials标记;
**Windows Quirks**windows兼容
一个对参数的操作,因为windows API的设计,把空/null value排除在上传操作之外;
chunkedMode 是一个不支持并且设置非chunked模式;
- 【翻译】【Ionic】上传,FileTransfer学习
- ionic+angularJS+cordova(FileTransfer)上传图片【移动端】
- Phonegap FileTransfer 通过https协议上传文件
- cordova filetransfer插件——上传、下载文件
- ionic翻译:Sass
- IONIC学习
- 学习ionic
- ionic 图片上传Demo
- ionic 照片不能上传
- Cordova - fileTransfer插件的使用详解(实现文件上传、下载)
- 【翻译】【Ionic】下载(部分)
- Hello Ionic - Ionic学习笔记
- ionic文件选择与上传
- ionic cordovaCamera拍照上传服务器
- ionic 多图片上传方案
- ionic翻译:ion-nav-back-button
- ionic学习之建立一个ionic项目
- ionic 日期控件 ionic-datepicker 学习
- 导航栏的小三角
- HDU2049(51/600)
- 开源软件ownCloud学习
- Eva's Balance
- 后台服务上传头像
- 【翻译】【Ionic】上传,FileTransfer学习
- Brackets Sequence (POJ-1141)
- 使用Ajax和Jquery配合数据库实现下拉框的二级联动
- spark 运行内存异常及参数调整
- SpringBoot快速入门,简单样例
- 获取ContentProvider来获取手机所有的联系人及联系人信息
- gradle linux 绝对路径
- android UiAutomator长按实现控制按住控件时间的方法
- HDU 3714 Error Curves(三分)