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

QQ登录

只需一步,快速开始

查看: 2583|回复: 6

[结贴] X5中如何用AJAX上传图片到后台(servlet处理数据)

[复制链接]

64

主题

182

帖子

724

积分

高级会员

Rank: 4

积分
724
QQ
发表于 2017-4-22 18:20:03 | 显示全部楼层 |阅读模式
本帖最后由 time 于 2017-4-28 11:04 编辑

在X5中调用ajax
                        $.ajaxFileUpload({
                        url : 'http://localhost:8088/ajaxFileUpload/upload',
                        secureuri : false,
                        fileElementId : 'fileToUpload',
                        dataType : 'json',
                        data : null,
                        success : function(data, status) {
                                $('#viewImg').attr('src',data.picUrl);
                        },
                        error : function(data, status, e) {
                                alert('上传出错');
                        }
                }),
然后后台的servlet能够接到图片并且成功,但是这个结果还是会弹出上传出错',而且是2次,但是在原生的页面上使用这个方法不会报错,能够成功。
现在发现是X5中的var io = document.getElementById(frameId);使用这个io.contentWindow.document.body会出错,不知道是不是X5中没有这个方法

发表于 2017-4-24 09:49:56 | 显示全部楼层
x5 中默认是没有定义id的,所以不建议使用 document.getElementById

你看下你要找的 标签是否定义了id呢??

如果是xid 的话
应该使用this.getElementByXid('xid') 获取那个dom节点!

报错信息是什么呢??

原生html 和 x5运行时没啥区别,就是注意一下id 和 xid 使用的区别
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

64

主题

182

帖子

724

积分

高级会员

Rank: 4

积分
724
QQ
 楼主| 发表于 2017-4-25 14:53:23 | 显示全部楼层
如图报错的是ajaxfileupload.js中的这一段代码

执行不了  X5中没有io.contentWindow.document.body的属性
123.png
回复 支持 反对

使用道具 举报

14

主题

75

帖子

737

积分

高级会员

Rank: 4

积分
737
QQ
发表于 2017-4-26 21:28:30 | 显示全部楼层
我用ajaxfileupload.js的时候也遇到过这样的问题,后来我把id="uploadFile"改为xid="uploadFile"
然后在调用$.ajaxFileUpload时这么写:
$.ajaxFileUpload({
                        url : 'http://172.18.5.60:8088/ajaxFileUpload/upload',
                        secureuri : false,
                        fileElementId : this.getIDByXID("uploadFile"),
                        dataType : 'json',
...
这样就一切正常!wex5非常爽!
回复 支持 反对

使用道具 举报

64

主题

182

帖子

724

积分

高级会员

Rank: 4

积分
724
QQ
 楼主| 发表于 2017-4-28 11:04:22 | 显示全部楼层
goodX5 发表于 2017-4-26 21:28
我用ajaxfileupload.js的时候也遇到过这样的问题,后来我把id="uploadFile"改为xid="uploadFile"
然后在调 ...

我这边好像是存在跨域的问题,我现在是写在X5里面的.J了,现在是可以了
回复 支持 反对

使用道具 举报

0

主题

1

帖子

3

积分

新手上路

Rank: 1

积分
3
QQ
发表于 2017-12-6 14:57:08 | 显示全部楼层
楼主,wex5中引入ajaxfileupload.js ,报“Uncaught Error: Syntax error, unrecognized expression: #[object HTMLImageElement]”错,要如何转换?
回复 支持 反对

使用道具 举报

64

主题

182

帖子

724

积分

高级会员

Rank: 4

积分
724
QQ
 楼主| 发表于 2017-12-8 10:03:14 | 显示全部楼层
yang1986 发表于 2017-12-6 14:57
楼主,wex5中引入ajaxfileupload.js ,报“Uncaught Error: Syntax error, unrecognized expression: #[obj ...

不好意思,这个实在是不记得了
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-6-28 15:17 , Processed in 0.059086 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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