1

私はphonegapに取り組んでおり、画像アップロードファイルのプレビューを表示するために次のコードを書きました:

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            var img ='<div style="padding:10px; margin:10px;  border: solid 2px #666;float: left; width:30%"><img src="'+ e.target.result+'" width="100%" /></div>';
            $('#images_area').append(img);
        }

        reader.readAsDataURL(input.files[0]);
    }
}


    $("#image_upload_field").change(function(){
    readURL(this);
});

これはブラウザで機能していますが、Androidフォンで画像のphonegapを表示していません。だから私は理由を探しています、なぜそれが起こっているのか、電話に疑問符が表示されています.

これも行いました：

cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git
cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-file-transfer.git

これらの 2 行は、phonegap のユーザーガイドからのものです。また、Android の構成ファイルとマニフェスト ファイルの変更も、上記の 2 行を実行した後に行われます。

それで、それが機能しない理由は何ですか？アイデアがあれば教えてください。

4

1 に答える 1

1

これを試して：

$(document).ready(function () {
            function readURL(input) {
                if (input.files && input.files[0]) {
                    var reader = new FileReader();
                    reader.onload = function (e) {
                        var image;
                        var fileName = input.files[0].name;
                        var type = 'image/' + fileName.split('.').pop();
                        if (type == 'image/jpg') {
                            type = 'image/jpeg';
                            image = ((e.target.result).replace('data:base64,/', 'data:' + type + ';base64,/'));
                        } else {
                            image = ((e.target.result).replace('data:base64,', 'data:' + type + ';base64,'));
                        }
                        var img = '<div style="padding:10px; margin:10px;  border: solid 2px #666;float: left; width:30%"><img src="' + image + '" width="100%" /></div>';
                        $('#images_area').append(img);
                    }
                    reader.readAsDataURL(input.files[0]);
                }
            }

            $("#image_upload_field").change(function () {
                readURL(this);
                });
})
于 2013-10-15T12:06:54.870 に答える