上传头像

wqs1991

怎么通过data来完成本地上传头像，拍摄照片上传头像功能 并且都上传到服务器上

liangyongfei

可以使用attachmentSimple组件！ 做文件上传，
关于前端获取这个url路径，可以参考：
http://docs.wex5.com/wex5-ui-question-list-2093

wqs1991

liangyongfei 发表于 2016-12-19 13:39
可以使用attachmentSimple组件！ 做文件上传，
关于前端获取这个url路径，可以参考：
http://docs.wex5.com ...

谢谢啊 能不能给个具体的思路啊 没做过上传的功能不知道怎么写 上传头像手机端需要传什么值给服务器 服务器返回给一个地址吗

liangyongfei

wqs1991 发表于 2016-12-19 13:42
谢谢啊 能不能给个具体的思路啊 没做过上传的功能不知道怎么写 上传头像手机端需要传什么值给服务器 服务 ...

使用attachmentSimple组件的话！什么都不用写，组件已经实现了！

attachmentSimple 的 bind-ref绑定data字段存储上就可以了！然后使用js就可以解析获取到这url！
注意：fID 必须 不能变的！

ovarbi

liangyongfei 发表于 2016-12-19 13:39
可以使用attachmentSimple组件！ 做文件上传，
关于前端获取这个url路径，可以参考：
http://docs.wex5.com ...

我看了另一篇http://docs.wex5.com/wex5-ui-question-list-2081/，里面的代码：

1. var data = this.comp("mainData");//attachmentSimple所绑定的data组件对象
   
2. var uploader = this.comp("attachmentSimple1").uploader;
   
3. $(uploader.inputElement).attr('multiple', 'multiple');//设置uploader中的multiple属性值,可以上传多张图片
   
4. //判断只要特定的文件类型可以上传
   
5. uploader.on('onFileSelected',function(event){
   
6. 
   
7. var fileType = event.file.type;
   
8. 
   
9. //自己判断fileType，如果不符合条件用cancel为true终止选择文件
   
10. if(fileType != "image/jpeg" && fileType != "image/png" && fileType != "image/gif"){
    
11. event.cancel = true;
    
12. justep.Util.hint("请上传图片！");
    
13. }
    
14. //限制大小
    
15. if (event.file.size > 1024000) {
    
16.     justep.Util.hint("上传的文件大小不能超过100KB");
    
17.     event.cancel = true;
    
18.     return;
    
19. }
    
20. //限制长度fFile 为attachmentSimple绑定的字段
    
21. if ($.parseJSON(data.getValue("fFile ")).length >= 1) {
    
22.     alert("只能上传1个文件");
    
23.     event.cancel = true;
    
24.     return;
    
25. }
    
26. 
    
27. });

复制代码

这段代码放在什么地方？老是出错。

liangyongfei

ovarbi 发表于 2016-12-19 15:57
我看了另一篇http://docs.wex5.com/wex5-ui-question-list-2081/，里面的代码：

这段代码放在什么地方？ ...

this.comp 方法 只能在model定义的方法中才可以调用的！
如果是随便定义一个方法，this表示的不是model ，当然没有comp方法，
建议先上网学习下this表示的含义！

ovarbi

liangyongfei 发表于 2016-12-19 16:20
this.comp 方法 只能在model定义的方法中才可以调用的！
如果是随便定义一个方法，this表示的不是model  ...

明白

wqs1991

liangyongfei 发表于 2016-12-19 15:17
使用attachmentSimple组件的话！什么都不用写，组件已经实现了！

attachmentSimple 的 bind-ref绑定data ...

我现在想做的是 点击头像跳转至相册选择头像上传成功 是这么一个功能  attachmenSimple组件不能实现

liangyongfei

wqs1991 发表于 2016-12-20 14:00
我现在想做的是 点击头像跳转至相册选择头像上传成功 是这么一个功能  attachmenSimple组件不能实现 ...

attachmenSimple 组件的属性设置   accept="image/*"
源码这样就就可以了！
支持拍照和选择图片！