app不能选择附件

xiaoyun

<form id="file_upload_id" name="file_upload_name2" action="http://192.168.10.62:8089/biz/app/picture.do?action=update" method="post"
    enctype="multipart/form-data">
    <div>
      <input type="file" name="file_upload_name" id="fileId"/>
    </div>  
    <div>
      <input type="submit" value="上传"/>
    </div>
  </form>
选择了某个附件后，提示未选择任何文件，在pc端的浏览器正常。

liangyongfei

手机系统自带浏览器，选择文件后可以吗？？这就是标准的HTML 标签 ，原理上浏览器可以app中就没问题！
app和浏览器的内核是一样的！

或者
使用attachmentSimple组件上传附件试试吧！也可以指定其他服务器地址的
http://docs.wex5.com/wex5-ui-question-list-2100

xiaoyun

liangyongfei 发表于 2017-4-11 14:11
手机系统自带浏览器，选择文件后可以吗？？这就是标准的HTML 标签 ，原理上浏览器可以app中就没问题！
app ...

attachmentSimple组件的话，如何获取文件路径，现在获取到的路径一个是storeFileName,一个是realFileName,我想获取到的文件名的全路径，怎么获取，如file:\\\...

xiaoyun

xiaoyun 发表于 2017-4-12 10:52
attachmentSimple组件的话，如何获取文件路径，现在获取到的路径一个是storeFileName,一个是realFileName ...

且在app调试的选择文件的时候一直报
Resource interpreted as Script but transferred with MIME type text/plain:
选择不了文件

liangyongfei

xiaoyun 发表于 2017-4-12 10:52
attachmentSimple组件的话，如何获取文件路径，现在获取到的路径一个是storeFileName,一个是realFileName ...

attachmentSimple  实际上也是根据input type=file 封装的！
在选择时间中可以获取文件的信息
http://docs.wex5.com/wex5-ui-question-list-2081/

比如获取文件base64

1. var uploader = this.comp("attachmentSimple1").uploader;
   
2. 
   
3.                 uploader.on('onFileSelected', function(event) {
   
4.                         debugger;
   
5.                         var file = event.file, img;
   
6.                         if (window.FileReader) {
   
7.                                 var reader = new FileReader();
   
8.                                 reader.readAsDataURL(file);
   
9.                                 // 监听文件读取结束后事件
   
10.                                 reader.onloadend = function(e) {
    
11.                                         debugger;
    
12.                                         $(".img").attr("src", e.target.result); // e.target.result就是最后的路径地址
    
13.                                 };
    
14.                         }
    
15.                 });

复制代码

xiaoyun

liangyongfei 发表于 2017-4-12 13:26
attachmentSimple  实际上也是根据input type=file 封装的！
在选择时间中可以获取文件的信息
http://doc ...

        Model.prototype.button2Click = function(event){
                var uploader = this.comp("attachmentSimple1").uploader;
        //        $(uploader.inputElement).attr('multiple', 'multiple');//设置uploader中的multiple属性值,可以上传多张图片
//                判断只要特定的文件类型可以上传
                uploader.on('onFileSelected',function(event){
                        var fileType = event.file.type;
                        alert(fileType);
                        var file = event.file, img;
                        if (window.FileReader) {
                                var reader = new FileReader();
                                reader.readAsDataURL(file);
                                // 监听文件读取结束后事件
                                reader.onloadend = function(e) {
                                console.info(e.target.result+'------');
                                        /*debugger;
                                        $(".img").attr("src", e.target.result); // e.target.result就是最后的路径地址
*/                                };
                        }
                });
        }
这样写，点击按钮的时候onFileSelected这个方法进不去，也不报错

liangyongfei

xiaoyun 发表于 2017-4-12 13:58
Model.prototype.button2Click = function(event){
                var uploader = this.comp("attachmentSimple1").u ...

上传文件的时候才会触发onFileSelected 事件！这是一个回调