起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 6268|回复: 21

[结贴] 拍照成功后想用image组件显示照片,急急急!

  [复制链接]

13

主题

66

帖子

116

积分

初级会员

Rank: 2

积分
116
QQ
发表于 2016-5-23 09:11:39 | 显示全部楼层 |阅读模式
拍照成功的回调函数function onSuccess(imageURI) {
                                        var docImage = document.getElementById(self.getIDByXID('imagePhoto'));
                                        docImage.style.display = 'block';
                                        docImage.src = imageURI;
                          }为什么显示不了啊?
function onSuccess(imageData) {
                                        var docImage = ocument.getElementById(self.getIDByXID('imagePhoto'));
                                        docImage.style.display = 'block';
                                        docImage.src = "data:image/jpeg;base64," + imageData;
                                       }这样就行

1

主题

3232

帖子

1174

积分

金牌会员

Rank: 6Rank: 6

积分
1174
QQ
发表于 2016-5-23 09:23:37 | 显示全部楼层
拍照成功后 图片无法显示么?是路径的问题,现在解决了么?
在问题解决后,希望大家可以吧解决方法也分享一下,这样可以让更多的X5开发者共同进步,谢谢大家的知识共享
回复 支持 反对

使用道具 举报

13

主题

66

帖子

116

积分

初级会员

Rank: 2

积分
116
QQ
 楼主| 发表于 2016-5-26 19:57:31 | 显示全部楼层
闰土 发表于 2016-5-23 09:23
拍照成功后 图片无法显示么?是路径的问题,现在解决了么?

不是路径问题,这个uri传到服务器上就能在服务器上显示了,我怀疑是wex5不让显示cache里的东西吧,求大神指点
回复 支持 反对

使用道具 举报

发表于 2016-5-27 10:11:54 | 显示全部楼层
周江 发表于 2016-5-26 19:57
不是路径问题,这个uri传到服务器上就能在服务器上显示了,我怀疑是wex5不让显示cache里的东西吧,求大神 ...

第二种方式不是可以正常显示吗?你可以真机调试看看
onSuccess 回调函数中的值是什么??本来就是通过base64才可以显示的!这个是插件要求的
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

13

主题

66

帖子

116

积分

初级会员

Rank: 2

积分
116
QQ
 楼主| 发表于 2016-5-27 13:57:36 | 显示全部楼层
liangyongfei 发表于 2016-5-27 10:11
第二种方式不是可以正常显示吗?你可以真机调试看看
onSuccess 回调函数中的值是什么??本来就是通过bas ...

值是照片的uri啊,就是file:///storage/............/cache/123908430.jpg
回复 支持 反对

使用道具 举报

13

主题

66

帖子

116

积分

初级会员

Rank: 2

积分
116
QQ
 楼主| 发表于 2016-5-27 13:59:09 | 显示全部楼层
闰土 发表于 2016-5-23 09:23
拍照成功后 图片无法显示么?是路径的问题,现在解决了么?

没解决,路径绝对没问题,function onSuccess(imageURI) {}既然回调函数支持返回uri为什么不让预览这个uri,真搞不懂
回复 支持 反对

使用道具 举报

发表于 2016-5-27 14:33:09 | 显示全部楼层
周江 发表于 2016-5-27 13:59
没解决,路径绝对没问题,function onSuccess(imageURI) {}既然回调函数支持返回uri为什么不让预览这个ur ...

那就直接使用这种方式显示呗
"data:image/jpeg;base64," + imageData;
有什么不可以的!base64后面也应该是图片的url
能显示就行了
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

13

主题

66

帖子

116

积分

初级会员

Rank: 2

积分
116
QQ
 楼主| 发表于 2016-5-27 17:29:40 | 显示全部楼层
liangyongfei 发表于 2016-5-27 14:33
那就直接使用这种方式显示呗
"data:image/jpeg;base64," + imageData;
有什么不可以的!base64后面也应该 ...

我后台已经写好了,必须是接收uri,现在跟后台完美配合了,只是我这边不能显示了
回复 支持 反对

使用道具 举报

发表于 2016-5-27 17:55:47 | 显示全部楼层
周江 发表于 2016-5-27 17:29
我后台已经写好了,必须是接收uri,现在跟后台完美配合了,只是我这边不能显示了
...

前台本地图片可以使用字符串拼接的方式  前面加上这个:data:image/jpeg;base64
如果是后台的url,只要在浏览器中可以显示!img 设置src属性 也是没问题的!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

13

主题

66

帖子

116

积分

初级会员

Rank: 2

积分
116
QQ
 楼主| 发表于 2016-5-27 20:06:14 | 显示全部楼层
liangyongfei 发表于 2016-5-27 17:55
前台本地图片可以使用字符串拼接的方式  前面加上这个:data:image/jpeg;base64
如果是后台的url,只要在 ...

你没有弄明白我的意思,我是拍完照传回来uri,这个uri在我手机的cache里,我想用image组件预览手机cache里的这个照片,image.src=imageURI;这样显示不出来
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-11-22 13:08 , Processed in 0.056464 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表