使用ajaxfileupload.js實現上傳文件功能


                    <div class="pictureList">
                        <div class="pictureItem" id="uploadItem">
                            <div class="pictureDiv">
                                <span class="commonSprite LAddWhiteBtn" onclick="triggeruploadPicture()"></span>
                                <p class="tipP">將你要上傳的圖片拖至此區域</p>
                                <input type="file" class="uploadPicture" onchange="uploadPicture(this)" name="Picture_path" id="Picture_path" accept="image/png,image/jpg,image/jpeg" />
                            </div>
                            <span class="uploadSpan" onclick="triggeruploadPicture()">點擊上傳</span>
                        </div>
                    </div>
function triggeruploadPicture() {
    $(".uploadPicture").trigger("click");
}
function uploadPicture(obj) {
    var file = $(obj).attr("id");
    $.ajaxFileUpload({
        url: '../../Ajax/Common/DocumentCommon.ashx?type=AddDocumentImage',
        //type: 'post',
        timeout: 60000,
        secureuri: false,
        fileElementId: file, //file控件id
        dataType: 'json',
        success: function (data, status) {
            alert(data.Msg);
            if (data.Success) {

            }
        },
        complete: function (status) { //請求完成后最終執行參數

        }
    });
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM