查看: 7725|回复: 16

隐藏ajax文件上传框 [复制链接]

沈大爷

限制会员

电梯直达

楼主

发表于 2018-8-27 10:07:39 |只看该作者 |倒序浏览

class="mini-htmlfile" 设置了onValueChanged="a()"然后隐藏了这个控件
在上传按钮中写了一个$(".mini-htmlfile .mini-htmlfile-file").click();
然后在选择文件以后也就是a(){}中调用ajaxFileUpload()上传文件

此法目的是为了简化用户操作。直接点击上传按钮便可以选择文件并上传了

问题
此方法在谷歌中可以正常使用，没有问题，但是在ie中，没有上传文件
如果按照原来的写法，先点击文件选择框选择文件，然后点击上传，ie是可以正常使用的，但是会有个文件选择框，
有什么办法去掉这个文件选择框并且在ie中能正常使用

收藏0

felt

超级版主

Rank: 8 Rank: 8

沙发

发表于 2018-8-27 10:32:30 |只看该作者

贴代码，你是如何控制隐藏的。

沈大爷

限制会员

板凳

发表于 2018-8-27 12:41:48 |只看该作者

本帖最后由沈大爷于 2018-8-27 12:44 编辑

felt 发表于 2018-8-27 10:32
贴代码，你是如何控制隐藏的。

流程：点击上传按钮后打开文件选择框，选中文件后点击确定，此时触发改变事件，然后调用ajax文件上传

上传按钮和控件
<input id="file1" class="mini-htmlfile" name="Fdata" />
<a class="mini-button tz-button2" style="width: 90px">上传</a>
隐藏控件
mini.get("file1").setVisible(false);

            //打开文件选择框
            function openFlieSelect() {
                     var row = grid.getSelected();
                     if (!row) {
                              alert("请选中一条记录");
                              return;
                     }
                     $(".mini-htmlfile .mini-htmlfile-file").click();
            }

            //文件上传
            function startUpload() {
                     var filePath = mini.get("file1").getValue();
                     var inputFile = $("#file1 > input:file")[0];
                     $.ajaxFileUpload({
                              url : '',  //url是正确的，这里就不放了
                              fileElementId : inputFile,
                              dataType : 'text',
                              cache : false,
                              success : function(data) {
                                    alert(data.msg);
                              },
                              error : function(data, status, e) //服务器响应失败处理函数
                              {
                                    alert(e);
                              },
                              complete : function() {
                                    var jq = $("#file1 > input:file");
                                    jq.before(inputFile);
                                    jq.remove();
                              }

                     });