ajaxfileupload这个控件报错...

fananly

ajaxfileupload这个控件报错...

dforce

报什么错？

fananly

dforce 发表于 2020-9-24 11:19
报什么错？

已经解决了,但是我给mini-htmlfile设置了limittype="*.jpg",怎么在选择的时候控制他只能显示.jpg的文件呢

fananly

dforce 发表于 2020-9-24 11:19
报什么错？

而且要怎样才能获取到上传文件的大小?

dforce

fananly 发表于 2020-9-24 16:17
已经解决了,但是我给mini-htmlfile设置了limittype="*.jpg",怎么在选择的时候控制他只能显示.jpg的文件呢 ...

mini-html的limitType只有验证功能，无法控制选择
可以用原生的input的控制方法来控制
var f1 = $("#id > input:file")[0]
$(f1).attr("accept","image/jpg, image/png, image/jpeg, image/gif")

onfileselect事件内可以获取
e.htmlEvent.target.files[0].size

fananly

dforce 发表于 2020-9-24 17:19
mini-html的limitType只有验证功能，无法控制选择
可以用原生的input的控制方法来控制
var f1 = $("#id > ...

使用原生的貌似也实现不了
var fileUploadPh = mini.get("fileUploadPh");
        var fileUploadPc = mini.get("fileUploadPc");
        var f1 = $("#fileUploadPc > input:file")[0]
        $(f1).attr("accept", "image/jpg")



还有问一下第二种能在控件上设置他的文件大小吗,然后获取到他设置的那个值

dforce

fananly 发表于 2020-9-24 17:47
使用原生的貌似也实现不了
var fileUploadPh = mini.get("fileUploadPh");
        var fileUploadPc = m ...

可以限制的，测试过了。

可以设置自定义属性
dataOptions={aaa:xxxx}
mini.get(id).aaa  //xxxx

fananly

dforce 发表于 2020-9-25 08:50
可以限制的，测试过了。

可以设置自定义属性

<input class="mini-htmlfile" id="fileUploadPc" style="width:100%" dataOptions={"Sizese":"300"} limitType="*.jpg" name="PhImg" onfileselect="onFileSelectPc" required="true" requirederrortext="电脑端图片不能为空" />

//上传电脑端图片
        function onFileSelectPc(e) {
            fileUploadPc.validate();
            if (fileUploadPc.isValid() == false) {
                mini.alert("所选文件类型不为" + e.sender.limitType);
                return;
            }

            var SetSize = parseInt(1);
            console.log(mini.get("fileUploadPc"));
            console.log(mini.get("fileUploadPc").Sizese);
            var SizeByte = e.htmlEvent.target.files[0].size;
            var Size = accDiv(SizeByte, 1024);
            if (Size > SetSize) {
                mini.alert("所选文件大小不能超过" + SetSize + "KB");
                return;
            }
            var imgName = "erp_B2BChannel_" + DateToString(getSqlCurrentTime(), "yyyyMMddHHmmss") + ".jpg";
            if ($("#PcImgId").attr("src") != null && $("#PcImgId").attr("src") != "") {
                var imgStr = $("#PcImgId").attr("src").split('/');
                if (imgStr.length > 0 && imgStr[imgStr.length - 1].indexOf("erp_") > -1)
                    imgName = imgStr[imgStr.length - 1].split('?')[0];//已经上传过，覆盖旧的
            }
            return;
            var inputFile = $("#fileUploadPc > input:file")[0];
            $(inputFile).attr("accept", "image/jpg")


            $.ajaxFileUpload({
                url: bootPATH + "/QCloudApi/QCloudImgUpload",                 //用于文件上传的服务器端请求地址
                fileElementId: inputFile,               //文件上传域的ID
                data: { FileName: imgName },            //附加的额外参数
                dataType: 'text',                   //返回值类型 一般设置为json
                success: function (data, status)    //服务器成功响应处理函数
                {

                    if (status == "success") {
                        data = mini.decode(data);
                        $("#PcImgId").attr("src", data.Message + "?v=" + DateToString(getSqlCurrentTime(), "yyyyMMddHHmmss"));
                        e.sender.value = data.Message;
                        e.sender.text = data.Message;
                    }

                },
                error: function (data, status, e)   //服务器响应失败处理函数
                {
                    data = mini.decode(data.Message);
                    mini.alert("上传失败" + data);
                },
                complete: function () {
                    var jq = $("#fileUploadPc > input:file");
                    jq.before(inputFile);
                    jq.remove();
                }
            });
        }

他输出的是undefined   而且那个限制我不知道我是哪里写错了,并没有实现

fananly

fananly 发表于 2020-9-25 09:43
//上传电脑端图片
        function onFileSelectPc(e) {
            fileUploadPc.validate();

我dataOptions={Sizese:300},dataOptions={Sizese:"300"} 也都获取不到

dforce

fananly 发表于 2020-9-25 09:45
我dataOptions={Sizese:300},dataOptions={Sizese:"300"} 也都获取不到

是data-options={"Sizese":"300"}，我写错了