优秀的编程知识分享平台

网站首页 > 技术文章 正文

topjui(easyui) filebox多图上传

nanyue 2025-02-09 13:35:31 技术文章 4 ℃

topjui是在easyui的基础上换了层皮肤,两者名字不一样,功能相同。上传文件有uploadbox,但是只能单图上传,filebox可以多图上传,但是不用form表单提交,很多功能需要自己做。

html:


script:

function fileChange(nv,ov){
        console.log('fileChange',nv,ov);
        let file_1=$("#image_data").iFilebox('files');
        var formData = new FormData();
        for (var i = 0; i < file_1.length; i++) {
            formData.append('Filedata'+i, file_1[i]);//注意:默认的文件数据名为“Filedata”
        }
        console.log('file_1',file_1);
        $.ajax({
            url: "uploads",
            type: 'POST',
            data: formData,
            contentType: false,
            processData: false,
            dataType:'json',
            success: function(data) {
                if(data.statusCode==200){
                    var invoice_img=$("#invoice_img").val();
                    invoice_img+=invoice_img?','+data.url_base:data.url_base;
                    $("#img_str").val(invoice_img);
                    $("#image_data").iTextbox("setValue",invoice_img);
                }else{
                    $.iMessager.alert('提示',data.message);
                }
            },
            error: function(data) {
                $.iMessager.alert('提示',data.message);
            }
        });
    }

Tags:

最近发表
标签列表