html5中上傳圖片

時間 2019-11-18

標籤 html5 html 上傳圖片欄目 HTML5 简体版

原文原文鏈接

從相冊中選擇圖片上傳ios

function uploadFromAlbum(type) {
    var dirtype = "";
    if ("pick_store_license" == type || "pick_id_pic" == type) {
        dirtype = "auth";
    }
    if ("pick_store_pic" == type) {
        dirtype = "store";
    }
    plus.gallery.pick(
        function (path) {
            //選擇成功
            $("#heisebg").removeClass("heisebg").addClass("heisebghid");
            $("#waitingupload").removeClass("heisebghid").addClass("heisebg");
            var task = plus.uploader.createUpload(configManager.RequstUrl + "api/common/upload",
                { method: "POST", blocksize: 102400, priority: 100 },
                function (upload, status) {
                    // 上傳完成
                    if (status == 200) {
                        var data = JSON.parse(upload.responseText);
　　　　　　　　　　　　　　//顯示圖片
　　　　　　　　　　　　　　... ...
                        $("#waitingupload").removeClass("heisebg").addClass("heisebghid");
                    } else {
                        console.log("Upload failed: " + status);
                    }

                }
            );
            task.addFile( path, { key: "file" });
            task.addData("dir", dirtype);
            task.start();
        },
        function (e) {
            console.log(e);
        },
        { filter: "image" }
    );
}

函數套函數，要分清楚當前這個函數到底有那些參數。拍照上傳的方法以下：api

//從攝像頭中拍照
function uploadFromCamera(type) {
    var dirtype = "";
    if ("pick_store_license" == type || "pick_id_pic" == type) {
        dirtype = "auth";
    }
    if ("pick_store_pic" == type) {
        dirtype = "store";
    }

    var cmr = plus.camera.getCamera(1);
    if (null != cmr) {
        //拍照
        cmr.captureImage(function (p) {
            plus.io.resolveLocalFileSystemURL(
            p,
            function (entry) {
                //拍照成功
                $("#heisebg").removeClass("heisebg").addClass("heisebghid");
                $("#waitingupload").removeClass("heisebghid").addClass("heisebg");
                //上傳圖片
                var task = plus.uploader.createUpload(configManager.RequstUrl + "/api/common/upload",
                    { method: "POST", blocksize: 102400, priority: 100 },
                    function (upload, status) {
                        // 上傳完成
                        if (status == 200) {
                            var data = JSON.parse(upload.responseText);
　　　　　　　　　　　　　　　　//顯示圖片
　　　　　　　　　　　　　　　　... ...
                            console.log(upload.responseText);
                        } else {
                            console.log("Upload failed: " + status);
                        }
                    }
                );
                task.addFile("file://" +  entry.fullPath, { key: "file" });
                task.addData("dir", dirtype);
                task.start();

            },
            function (e) {
                plus.ui.alert(e.message, function () { }, configManager.alerttip, configManager.alertCtip);
            }
            );
        },
        function (e) { },

        { filename: "_doc/camera/" });

    }
    else {
        plus.ui.alert("沒有找到攝像頭", function () { }, configManager.alerttip, configManager.alertCtip);
    }

}