$ cordova plugin addcordova-plugin-file-transfer
图 15如上则插入成功
l upload: Sendsa file to a server.
l download: Downloadsa file from server.
l abort:Aborts an in-progress transfer.
2. Example
2. <head>
<title>Capture Photo</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type="text/javascript" charset="utf-8" src="../cordova.js"></script>
<script type="text/javascript" charset="utf-8">
//下载图片
function downloadImage(){
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function (fs) {
alert('打开的文件系统: ' + fs.name);
var url = 'http://www.hangge.com/blog/images/logo.png';
fs.root.getFile('hangge.png', { create: true, exclusive: false },
function (fileEntry) {
download(fileEntry, url);
}, onErrorCreateFile);
}, onErrorLoadFs);
}
//下载文件
function download(fileEntry, uri) {
var fileTransfer = new FileTransfer();
var fileURL = fileEntry.toURL();
fileTransfer.download(
uri,
fileURL,
function (entry) {
alert("下载成功!");
alert("文件保存位置: " + entry.toURL());
},
function (error) {
alert("下载失败!");
alert("error source " + error.source);
alert("error target " + error.target);
alert("error code" + error.code);
},
null, // or, pass false
{
//headers: {
// "Authorization": "Basic dGVzdHVzZXJuYW1lOnRlc3RwYXNzd29yZA=="
//}
}
);
}
//文件创建失败回调
function onErrorCreateFile(error){
alert("文件创建失败!")
}
//FileSystem加载失败回调
function onErrorLoadFs(error){
alert("文件系统加载失败!")
}
</script>
<script type="text/javascript" charset="utf-8">
//上传图片
function uploadImage(){
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function (fs) {
alert('打开的文件系统: ' + fs.name);
fs.root.getFile('hangge.png', { create: true, exclusive: false },
function (fileEntry) {
upload(fileEntry);
}, onErrorCreateFile);
}, onErrorLoadFs);
}
//上传文件
function upload(fileEntry) {
//获取文件的url路径地址
var fileURL = fileEntry.toURL();
//上传成功
var success = function (r) {
alert("上传成功! Code = " + r.responseCode);
}
//上传失败
var fail = function (error) {
alert("上传失败! Code = " + error.code);
}
var options = new FileUploadOptions();
options.fileKey = "file1";
options.fileName = fileURL.substr(fileURL.lastIndexOf('/') + 1);
options.mimeType = "text/plain";
//上传参数
var params = {
};
params.value1 = "HX0001";
params.value2 = "0000010622";
params.value3="G1000"
options.params = params;
var ft = new FileTransfer();
//上传地址
var SERVER = "http://192.168.0.215:9081/service/TransServlet"
ft.upload(fileURL, encodeURI(SERVER), success, fail, options);
};
//文件创建失败回调
function onErrorCreateFile(error){
alert("文件创建失败!")
}
//FileSystem加载失败回调
function onErrorLoadFs(error){
alert("文件系统加载失败!")
}
</script>
</head>
<body style="padding-top:50px">
<button style="font-size:23px;" onclick="downloadImage();">下载图片</button><br>
<button style="font-size:23px;" onclick="uploadImage();">上传图片</button><br>
<button onclick="javascript:history.back(-1)">返回上一页</button>
</body>