使用ajaxfileupload.js实现上传文件功能

Posted 2020-08-26 justqi

                    <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) { //请求完成后最终执行参数

        }
    });
}