Phonegap: фотография не загружается - PullRequest
Новая
       43

Phonegap: фотография не загружается

1 голос
/ 26 марта 2012

Я пытаюсь создать очень простую функцию загрузки фотографий.Я следил за многими учебниками и примерами в Интернете, но у меня возникли некоторые проблемы с тем, чтобы заставить его работать.

В настоящее время я получаю следующие ошибки: 

2012-03-26 17:37:02.107 Upload[84710:13403] fileData length: 72154
2012-03-26 17:37:02.119 Upload[84710:13403] File Transfer Error: unsupported URL
2012-03-26 17:37:02.121 Upload[84710:13403] [INFO] Error in error callback: org.apache.cordova.filetransfer1 = ReferenceError: Left side of assignment is not a reference.

Это мойHTML-файл Phonegap: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>File Transfer Example</title>
    <script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script>
    <script type="text/javascript" charset="utf-8">

        // Wait for PhoneGap to load
        document.addEventListener("deviceready", onDeviceReady, false);

        // PhoneGap is ready
        function onDeviceReady() {
  // Do cool things here...
        }

        function getImage() {
            // Retrieve image file location from specified source
            navigator.camera.getPicture(uploadPhoto, function(message) {
alert('get picture failed');
},{
quality: 50,
destinationType: navigator.camera.DestinationType.FILE_URI,
sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY
}
            );

        }

        function uploadPhoto(imageURI) {
            var options = new FileUploadOptions();
            options.fileKey="file";
            options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
            options.mimeType="image/jpeg";

            var params = new Object();
            params.value1 = "test";
            params.value2 = "param";

            options.params = params;
            options.chunkedMode = false;

            var ft = new FileTransfer();
            ft.upload(imageURI, "hosting.domain.co.uk/ios/upload.php", win, fail, options);
        }

        function win(r) {
            console.log("Code = " + r.responseCode);
            console.log("Response = " + r.response);
            console.log("Sent = " + r.bytesSent);
            alert(r.response);
        }

        function fail(error) {
            alert("An error has occurred: Code = " = error.code);
        }

        </script>
</head>
<body>
    <button onclick="getImage();">Upload a Photo</button>
</body>
</html>

А это мой файл upload.php: 

<?php
print_r($_FILES);
$new_image_name = "namethisimage.jpg";
move_uploaded_file($_FILES["file"]["tmp_name"], "/var/www/vhosts/domain.co.uk/subdomains/hosting/httpdocs/ios/uploads".$new_image_name);
?>

Есть ли что-то очевидное, что я делаю не так?

Спасиболот

Джон

1 Ответ

4 голосов
/ 25 июня 2012

Вы используете fileURI для загрузки фотографии, поэтому вы получаете ошибку неподдерживаемого формата файла. Это связано с тем, что fileURI будет иметь формат file://localhost/xx1.jpg. Это не будет поддерживаться функцией загрузки на стороне сервера.

Javascript не может получить доступ к собственной файловой системе

Javascript не имеет прямого доступа к базовой файловой системе, поэтому он не может загружаться с помощью передачи файлов в случае разрыва телефона.

Решение

Лучше всего вместо этого загрузить зашифрованную строку base64 для изображения. Вы можете получить изображение в кодировке base64, используя опцию navigator.camera.DestinationType.DATA_URL для destinationType. Это вернет строку в кодировке base64. И это может быть легко отправлено через json на сервер с соответствующими метаданными, такими как формат jpg или png, имя файла и т. Д.

Посмотрите здесь успешного использования телефонной пропасти и онлайн-хостинга изображений, предоставляемого imgur.

Удачи и приветствий

...