0
FileTransfertプラグインphonegapを使用して、電話機から画像をサーバーにアップロードします。コードの作業右のが、写真のアップロードの名前はファイルphonegapプラグインでアップロードされた画像の名前 "image％A3456"
画像％のA4444
あるしかし、私はそれがその後、表示するために携帯電話に持っているのと同じ名前の画像を保存したいです。
コードを変更するにはどうすればよいですか？
おかげ
機能JS：オプションのオブジェクトで
function uploadImage() {
document.getElementById('picture_msg').innerHTML = "";
// Get URI of picture to upload
navigator.camera.getPicture(
//function(uri) {
function(imageURI) {
try {
// Pick image from div
var img = document.getElementById('pimage');
img.style.visibility = "visible";
img.style.display = "block";
//var imageURI = uri;
if (!imageURI || (img.style.display == "none")) {
document.getElementById('picture_msg').innerHTML = "Tap on picture to select image from gallery.";
return;
}
// Verify server has been entered
server = document.getElementById('server').value;
console.log("Server "+server);
if (server) {
// Specify transfer options
var options = new FileUploadOptions();
options.fileKey="file";
options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1)+'.png';
options.mimeType="image/png";
//options.mimeType=mimeType;
options.chunkedMode = false;
options.headers = {
Connection: "close"
};
// Transfer picture to server
var ft = new FileTransfer();
ft.upload(imageURI, server, function(r) {
window.FilePath.resolveNativePath(imageURI, function(result) {
document.getElementById('picture_msg').innerHTML = "Upload successful: "+r.bytesSent+" bytes uploaded.";
/* window.FilePath.resolveNativePath(imageURI, function(result) {
document.getElementById('picture_msg').innerHTML = "Upload successful: "+r.bytesSent+" bytes uploaded."; */
// onSuccess code
imageURI = result;
img.src = imageURI;
img.width = 100;
img.height = 100;
});
//alert(uri);
},
function(error) {
document.getElementById('picture_msg').innerHTML = "Upload failed: Code = "+error.code;
}, options);
}
else {
document.getElementById('picture_msg').innerHTML = "Server Not Found";
}
}
catch(exce) {
alert(exce);
}
},
function(e) {
console.log("Error getting picture: " + e);
document.getElementById('picture_msg').innerHTML = "No Image Found";
},
{
quality: 50,
destinationType: navigator.camera.DestinationType.FILE_URI,
sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY
}
);
}
Upload.php
<?php
// Directory where uploaded images are saved
$dirname = "phonegapserver/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['image'])) {
$file = $dirname."/".$_GET['image'];
// Specify as jpeg
header('Content-type: image/png');
// Resize image for mobile
list($width, $height) = getimagesize($file);
$newWidth = 120.0;
$size = $newWidth/$width;
$newHeight = $height * $size;
$resizedImage = imagecreatetruecolor($newWidth, $newHeight);
$image = imagecreatefromjpeg($file);
imagecopyresampled($resizedImage, $image, 0, 0, 0, 0, $newWidth, $newHeight, $width, $height);
imagejpeg($resizedImage, null, 80);
}
// If displaying images
else {
$baseURI = "http://".$_SERVER['localhost'].':'.$_SERVER['8080'].$_SERVER['REQUEST_URI'];
$images = scandir($dirname);
$ignore = Array(".", "..");
if ($images) {
foreach($images as $curimg){
if (!in_array($curimg, $ignore)) {
echo "Image: ".$curimg."<br>";
echo "<img src='".$baseURI."?image=".$curimg."&rnd=".uniqid()."'><br>";
}
}
}
else {
echo "No images on server";
}
}
?>
はあなたのコードを投稿してください。 –
@ user1674906 fileNameに警告し、オプションに設定する前に値を確認できますか？私はそこにファイル名を生成する際に問題があると感じ、ファイル名のデフォルト値を 'image'とします – Gandhi
ありがとう@ガンジー。それは今働く。 – user1674906