phonegap文件上传(java_php),phonegap文件下传（Java，PHP）

phonegap文件上传(Java&＃xff0c;PHP)

phpnegap文件上传

phonegap中的FileTransfer对象介绍&＃xff1a;

http://docs.phonegap.com/en/1.6.1/cordova_file_file.md.html#FileTransfer

今天的代码为同学所整理。在此记下来&＃xff0c;供以后参考

FileTransfer

is an object that allows you to upload files to a server or download files from a server.

用于传文件到服务器端

它里面有示例&＃xff0c;写得已经是非常的详细&＃xff0c;其中有一段&＃xff1a;

var options &＃61; new FileUploadOptions();

options.fileKey&＃61;"file";

options.fileName&＃61;fileURI.substr(fileURI.lastIndexOf(&＃39;/&＃39;)&＃43;1);

options.mimeType&＃61;"text/plain";

前端的完整版可以参考&＃xff1a;http://www.oschina.net/question/200138_34919

今天在做图片上传的时候&＃xff0c;怎整也无法在后端获取文件流&＃xff0c;其中的Java逻辑如下&＃xff1a;

int MAX_SIZE &＃61; 102400 * 102400;

DataInputStream in &＃61; null;

FileOutputStream fileOut &＃61; null;

String contentType &＃61; request.getContentType();

try {

if (contentType.indexOf("multipart/form-data") >&＃61; 0) {

in &＃61; new DataInputStream(request.getInputStream());

int formDataLength &＃61; request.getContentLength();

if (formDataLength > MAX_SIZE) {

return;

}

byte dataBytes[] &＃61; new byte[formDataLength];

int byteRead &＃61; 0;

int totalBytesRead &＃61; 0;

while (totalBytesRead

byteRead &＃61; in.read(dataBytes, totalBytesRead, formDataLength);

totalBytesRead &＃43;&＃61; byteRead;

}

String file &＃61; new String(dataBytes);

String saveFile &＃61; file.substring(file.indexOf("filename&＃61;\"") &＃43; 10);

saveFile &＃61; saveFile.substring(0, saveFile.indexOf("\n"));

saveFile &＃61; saveFile.substring(saveFile.lastIndexOf("\\") &＃43; 1, saveFile.indexOf("\""));

int lastIndex &＃61; contentType.lastIndexOf("&＃61;");

String boundary &＃61; contentType.substring(lastIndex &＃43; 1,contentType.length());

int pos;

pos &＃61; file.indexOf("filename&＃61;\"");

pos &＃61; file.indexOf("\n", pos) &＃43; 1;

pos &＃61; file.indexOf("\n", pos) &＃43; 1;

pos &＃61; file.indexOf("\n", pos) &＃43; 1;

int boundaryLocation &＃61; file.indexOf(boundary, pos) - 4;

// 取得文件数据的开始的位置

int startPos &＃61; ((file.substring(0, pos)).getBytes()).length;

// 取得文件数据的结束的位置

int endPos &＃61; ((file.substring(0, boundaryLocation)).getBytes()).length;

// 创建文件的写出类

fileOut &＃61; new FileOutputStream(System.getProperty("java.io.tmpdir") &＃43; "/aa.jpg");

// 保存文件的数据

fileOut.write(dataBytes, startPos, (endPos - startPos));

fileOut.close();

}

} catch (Exception ex) {

throw new ServletException(ex.getMessage());

}

后来才发现&＃xff0c;原来是少了一个致命的参数&＃xff1a;options.chunkedMode &＃61; false;

关于chunkedMode的解析&＃xff0c;请看&＃xff1a;http://www.issociate.de/board/post/368589/How_to_force_the_apache_transfer_the_data_in_chunked_mode?.html

大意是&＃xff1a;如果文件长度无法预知时&＃xff0c;使用chuckedMode模式传输&＃xff0c;现在传输的是图片&＃xff0c;大小已经知道&＃xff0c;不知道为何apache服务器处理不过来&＃xff0c;一定要将chunkedMode设成false&＃xff0c;至此上传成功&＃xff0c;感觉同学指点

为了这个参数&＃xff0c;我还对比了php版本的文件上传&＃xff1a;php的server端这样写的&＃xff1a;

// Directory where uploaded images are saved

$dirname &＃61; "/tmp/phonegap/uploads";

// If uploading file

if ($_FILES) {

print_r($_FILES);

mkdir ($dirname, 0777, true);

move_uploaded_file($_FILES["file"]["tmp_name"],$dirname."/".$_FILES["file"]["name"]);

}

// If retrieving an image

else if (isset($_GET[&＃39;image&＃39;])) {

$file &＃61; $dirname."/".$_GET[&＃39;image&＃39;];

// Specify as jpeg

header(&＃39;Content-type: image/jpeg&＃39;);

// Resize image for mobile

list($width, $height) &＃61; getimagesize($file);

$newWidth &＃61; 120.0;

$size &＃61; $newWidth / $width;

$newHeight &＃61; $height * $size;

$resizedImage &＃61; imagecreatetruecolor($newWidth, $newHeight);

$image &＃61; imagecreatefromjpeg($file);

imagecopyresampled($resizedImage, $image, 0, 0, 0, 0, $newWidth, $newHeight, $width, $height);

imagejpeg($resizedImage, null, 80);

}

// If displaying images

else {

$baseURI &＃61; "http://".$_SERVER[&＃39;SERVER_NAME&＃39;].&＃39;:&＃39;.$_SERVER[&＃39;SERVER_PORT&＃39;].$_SERVER[&＃39;REQUEST_URI&＃39;];

$images &＃61; scandir($dirname);

$ignore &＃61; Array(".", "..");

if ($images) {

foreach($images as $curimg){

if (!in_array($curimg, $ignore)) {

echo "Image: ".$curimg."
";

echo "
";

}

}

}

else {

echo "No images on server";

}

}

?>

php的代码参考&＃xff1a;https://github.com/brycecurtis/articles/tree/master/CameraUpload

代码说明及解说在&＃xff1a;https://www.ibm.com/developerworks/mydeveloperworks/blogs/94e7fded-7162-445e-8ceb-97a2140866a9/entry/upload_a_picture_using_phonegap_on_android8?lang&＃61;en

php版本的这个前端代码&＃xff1a;

// Verify server has been entered

server &＃61; document.getElementById(&＃39;serverUrl&＃39;).value;

if (server) {

// Specify transfer options

var options &＃61; new FileUploadOptions();

options.fileKey&＃61;"file";

options.fileName&＃61;imageURI.substr(imageURI.lastIndexOf(&＃39;/&＃39;)&＃43;1);

options.mimeType&＃61;"image/jpeg";

options.chunkedMode &＃61; false;

// Transfer picture to server

var ft &＃61; new FileTransfer();

ft.upload(imageURI, server, function(r) {

document.getElementById(&＃39;camera_status&＃39;).innerHTML &＃61; "Upload successful: "&＃43;r.bytesSent&＃43;" bytes uploaded.";

}, function(error) {

document.getElementById(&＃39;camera_status&＃39;).innerHTML &＃61; "Upload failed: Code &＃61; "&＃43;error.code;

}, options);

}

确实是含有chunkedMode&＃61;false的设置&＃xff0c;并在本机运行通过。