jQuery MiniUI

标题: ajaxfileupload这个控件报错... [打印本页]

作者: fananly 时间: 2020-9-24 10:26:50 标题: ajaxfileupload这个控件报错...

ajaxfileupload这个控件报错...

作者: dforce 时间: 2020-9-24 11:19:20

报什么错？

作者: fananly 时间: 2020-9-24 16:17:30

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

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

作者: fananly 时间: 2020-9-24 17:04:57

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

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

作者: dforce 时间: 2020-9-24 17:19:00

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 时间: 2020-9-24 17:47:15

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 时间: 2020-9-25 08:50:08

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

可以限制的，测试过了。

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

作者: fananly 时间: 2020-9-25 09:43:21

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 时间: 2020-9-25 09:45:22

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

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

作者: dforce 时间: 2020-9-25 10:35:09

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

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

作者: fananly 时间: 2020-9-27 10:35:39

dforce 发表于 2020-9-25 10:35
是data-options={"Sizese":"300"}，我写错了

问一下 var inputFile = $("#fileUploadPh > input:file")[0]; 可以用 var fileUpload = e.sender; var inputFile = fileUpload.getEl();代替吗

作者: fananly 时间: 2020-9-27 10:43:32

dforce 发表于 2020-9-25 10:35
是data-options={"Sizese":"300"}，我写错了

问一下var inputFile = $("#fileUpload > input:file")[0]; 可以用 var fileUpload = e.sender; var inputFile = fileUpload.getEl(); 代替吗

作者: fananly 时间: 2020-9-27 10:56:35

fananly 发表于 2020-9-27 10:43
问一下var inputFile = $("#fileUpload > input:file")[0]; 可以用 var fileUpload = e.sender; v ...

用 var fileUpload = e.sender;var inputFile = fileUpload.el.lastChild; 这个代替

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)