input 上传图片

lim2016

先上代码

1. Model.prototype.addDebitChange = function(event){
   
2.         if (!event.target.files) { // 如果客户没有选择相关文件，直接返回
   
3.                return;
   
4.        }
   
5. 
   
6.        var file = event.target.files[0]; // 拿到用户选择的文件
   
7. 
   
8.        var context = this;
   
9.        if (/^image\/\w+$/.test(file.type)) { // 如果是图片文件
   
10.                         
    
11.                var windowURL = window.URL || window.webkitURL;
    
12.                var dataURL = windowURL.createObjectURL(file);
    
13.                console.log("url:" + dataURL);
    
14.                $("#image4").attr("src", dataURL); // 图片已显示
    
15.                // TODO 上传？？
    
16. 
    
17.        } else { // 如果用户选的的不是图片文件
    
18. 
    
19.                justep.Util.hint('请选择图片文件！');
    
20.        }

复制代码

如上，image 组件通过dataURL 成功加载了图片，这个时候，该怎么实现上传功能呢？
注：不用attachmentSimple，不用cordova！

半导体

平台提供的你都没采用

liangyongfei

dataURL 是本地url吧！
web的标准上传方式就是form表单提交 ！
你一使用input  type=file  的标签实现，动态设置它的src为 你获取的dataURL
然后使用jquery 的submit 方法，指定后端url就可以提交的

用法类似这个
http://bbs.wex5.com/forum.php?mo ... 1&pid=165340769

lim2016

liangyongfei 发表于 2016-12-19 18:00
dataURL 是本地url吧！
web的标准上传方式就是form表单提交 ！
你一使用input  type=file  的标签实现，动 ...

FormData.append() 可以实现。
结帖吧。