javascript - 捕获phonegap文件上传的文件名-phonegap

Question

我正在制作一个带有phonegap的照片上传系统。我有下面的脚本可以正确上传。现在我想要实现的是将照片的文件名保存到隐藏字段，以便我可以将其插入到我的数据库中。我有一个可用的 php 插入脚本，但现在我的问题是如何将文件字段的值捕获到隐藏字段或文本字段中，以便我可以进行上传

</script>        
    function selectPhoto() {

        // 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;

        var ft = new FileTransfer();
        ft.upload(imageURI, "http://some.server.com/upload.php", win, fail, options);
    }

    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);
    }
</script>

Answer 1

您可以使用 localStorage 以 HTML5 格式存储数据。使用 localStorage，您可以在任何 HTML5 页面上检索和传递数据。

本地存储文档的链接:Cordova localStorage

首先从 JavaScript 变量 options.fileName 检索文件名并将其存储在 localStorage 中，然后使用 AJAX 发送。

例如。 window.localStorage.setItem("key", "options.fileName");

并获取它 var fileName = window.localStorage.getItem("key");

或者您可以按照上面示例中所示的方式通过多部分表单提交发送它，并在 PHP 中检索它

$image = "$_FILES["file"]["name"].'.jpg';