wex5的image标签怎么加载手机中的图片

ecoolper

如题：wex5的image标签怎么加载手机中的图片

jishuang

可以查一下cordova是否提供了相关的API，x5没有提供

ecoolper

jishuang 发表于 2015-6-12 18:35
可以查一下cordova是否提供了相关的API，x5没有提供

1、是h5的img标签的src设置手机本地图片无法显示问题，和cordova没关系，
2、请开发人员测试下

Masion

关于这个问题，可以用如下方法
在页面上放一个button，放一个html的input（type为file），Xid为file4，为了页面美观，把file4设为隐藏
button-click中为：

$("#"+this.getIDByXID("file4")).click();

file4中的bind-change事件为

1.         Model.prototype.file4Change = function(event){
   
2.                 //选择文件后的处理
   
3.                 var self=this;
   
4.                 //如果返回来的文件为空
   
5.                 if(!event.target.files || !event.target.files[0]){
   
6.                                 return; //则退出处理过程
   
7.                 }
   
8.                 //定义文件读取器
   
9.                  var reader = new FileReader();
   
10.                  //定义文件读取后的处理过程
    
11.                  reader.onload = function(evt){
    
12.                                  //在image中显示图片(base64码
    
13.                                  document.getElementById(self.getIDByXID("image4")).src = evt.target.result;
    
14.                        
    
15.                                 var params = {
    
16.                                         "image": evt.target.result,
    
17.                                         "subPath":"D:\\BeX5_V3.11\\model\\UI2\\haircut\\haircutterIndex\\haircutter\\tittlePIc\",
    
18.                                         "UserID":self.comp("haircutterData").getCurrentRowID()
    
19.                                 };
    
20.                                
    
21.                                 // 请求成功后的回调方法
    
22.                                 var success = function(resultData) {
    
23.                                                
    
24.                                                 if(resultData.success="上传文件成功！"){
    
25.                                                         self.comp("haircutterData").setValue("fTittlePic",resultData.picName);
    
26.                                                 }
    
27.                                 };
    
28.                                 // 发送请求
    
29.                                 Baas.sendRequest({
    
30.                                         "url" : "/haircut", // servlet请求地址
    
31.                                         "action" : "uploadImageAjax", // action
    
32.                                         "params" : params, // action对应的参数
    
33.                                         "success" : success // 请求成功后的回调方法
    
34.                                 });
    
35.                 };
    
36.                         //加载选中的第一个文件
    
37.                  reader.readAsDataURL(event.target.files[0]);
    
38.         };

复制代码

Masion

但是有两个openPoint
1、如何让对话框中只显示图片
2、怎么让文件存到相对路径上，"D:\\BeX5_V3.11\\model\\UI2\\haircut\\haircutterIndex\\haircutter\\tittlePIc\\" 这个动一下目录就得重新调整代码，非常麻烦

xiaoniu56

不知道lz说的可是调用相机拍照或者从相册选择图片显示在image上的问题还是其它？如果是前一种那么从返回我直接用.attr('src',''data:imagejpeg;base64,"+拍照成功回调的imagedata);

liushouwei

你这个问题最后怎么解决的

liushouwei

xiaoniu56 发表于 2015-6-14 14:59
不知道lz说的可是调用相机拍照或者从相册选择图片显示在image上的问题还是其它？如果是前一种那么从返回我 ...

我试了不好用啊

jiangxiaohai

这个问题现在有人解决吗？

jiangxiaohai

xiaoniu56 发表于 2015-6-14 14:59
不知道lz说的可是调用相机拍照或者从相册选择图片显示在image上的问题还是其它？如果是前一种那么从返回我 ...

这个方法不管用呀，你有成功的案例吗，可否分享一下？