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

QQ登录

只需一步,快速开始

楼主: waterrain

[处理中3] 图片如何上传到服务器

[复制链接]

75

主题

356

帖子

502

积分

高级会员

Rank: 4

积分
502
QQ
 楼主| 发表于 2017-1-6 09:38:59 | 显示全部楼层
liangyongfei 发表于 2017-1-5 10:05
白名单错误,这个只是提示信息!不影响正常使用 的。。
这个不是错误原因 ...

camer返回的如果不是base64 而是file类型,怎么显示出来,我是按照插件camera的方法写的,没有效果,就是上面那张图片,你可以测试下
回复 支持 反对

使用道具 举报

发表于 2017-1-6 11:07:29 | 显示全部楼层
waterrain 发表于 2017-1-6 09:38
camer返回的如果不是base64 而是file类型,怎么显示出来,我是按照插件camera的方法写的,没有效果,就是 ...

是参考的这个吗:
http://docs.wex5.com/wex5-app-question-list-2007/

调试看下载onSuccess 回调方法中
evt.target.result  不是图片路径吗??

建议真机调试 这个路径 记下来,然后再img标签中写死!试试 使用手机系统自带浏览器访问可以看到图片吗??
我记得有些用户提供!某些手机浏览器可以显示本地图片,而app却不行。。你试试是不是这个原因
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

75

主题

356

帖子

502

积分

高级会员

Rank: 4

积分
502
QQ
 楼主| 发表于 2017-1-6 19:11:21 | 显示全部楼层
liangyongfei 发表于 2017-1-6 11:07
是参考的这个吗:
http://docs.wex5.com/wex5-app-question-list-2007/

是插件里的方法用的是1,imgurI
QQ截图20170106191045.png
回复 支持 反对

使用道具 举报

发表于 2017-1-9 09:42:38 | 显示全部楼层
waterrain 发表于 2017-1-6 19:11
是插件里的方法用的是1,imgurI

请用 方法二,主要是  
destinationType:navigator.camera.DestinationType.NATIVE_URI,

这个参数设置获取的才是真实的url本地地址!

第一个方法获取的是base64 字符串
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

20

主题

149

帖子

410

积分

中级会员

Rank: 3Rank: 3

积分
410
QQ
发表于 2017-1-16 19:24:12 | 显示全部楼层
  1. uploader.actionUrl = crmapiurl + "/v1/crmupload/";
  2.                 this.comp("attachmentSimple1").actionUrl = crmapiurl + "/v1/crmupload/";
复制代码

我设置 服务器url之后,服务器后台action方法报错osted content type isn't multipart/form-data   
网上说是tomcat服务器做了302定向,我调试代码之后发现后台method的方法编程了OPTIONS,请问uploader应该怎么样设置避免这种问题。
回复 支持 反对

使用道具 举报

20

主题

149

帖子

410

积分

中级会员

Rank: 3Rank: 3

积分
410
QQ
发表于 2017-1-17 09:45:54 | 显示全部楼层
Fancye 发表于 2017-1-16 19:24
我设置 服务器url之后,服务器后台action方法报错osted content type isn't multipart/form-data   
网 ...
  1. String methods = request.getMethod();
  2.                 response.setHeader("Access-Control-Allow-Origin", "*");
  3.                 response.setHeader("Access-Control-Allow-Methods", "POST, PUT, OPTIONS");
  4.                 if("OPTIONS".equals(methods)) {
  5.                         return;
  6.                 }
复制代码
Tomcat做了302重定向,使用以上代码过滤OPTIONS请求,第二次的POST请求才是我们需要的请求。attachmentSimple组件上传文件成功之后,还会调用一次GET请求(比如上传图片之后,还需要显示图片,图片的src为:background-image: url(服务器的请求路径?对应的参数),再注意处理一下GET请求返回图片用于前端显示就OK了。
回复 支持 反对

使用道具 举报

发表于 2017-1-17 09:52:13 | 显示全部楼层
Fancye 发表于 2017-1-17 09:45
Tomcat做了302重定向,使用以上代码过滤OPTIONS请求,第二次的POST请求才是我们需要的请求。attachmentS ...

服务器自己写个方法!,浏览器直接发送请求就行了!
以文件流的形式写出二进制图片就行了啊!

或者第一次请求的时候!直接使用本地图片就可以!
只有当打开页面请求图片时 才去服务器请求
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

20

主题

149

帖子

410

积分

中级会员

Rank: 3Rank: 3

积分
410
QQ
发表于 2017-1-17 13:12:29 | 显示全部楼层
attachmentSimple 组件的remove是如何自定义action,操作之后删除服务器端已经上传的文件?
回复 支持 反对

使用道具 举报

发表于 2017-1-17 14:29:34 | 显示全部楼层
Fancye 发表于 2017-1-17 13:12
attachmentSimple 组件的remove是如何自定义action,操作之后删除服务器端已经上传的文件? ...

自己实现!找到服务器文件所在路径删除即可!
attachmentSimple默认没有提供删除操作
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-6-27 22:37 , Processed in 0.060743 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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