利用imageCropper插件在X5平台上实现头像剪裁上传功能

windylovelan

我试过代码，但是在wex5 V3.12版本里运行是正常的，但是升级到V3.2后，在手机端点击按钮，不能弹出选择框。按钮的代码是this.getElementByXid('inputImage').click(); 浏览器正常，就是手机不行

zyd2007cs

Failed to load resource: the server responded with a status of 405 (Method Not Allowed) http://localhost:4400/baas/uploadImageAjax


后台的servlet怎么写的呢？上传时就提示上面的信息

我写的代码是
package com.justep.baas.uploadImageAjax;


import java.io.FileOutputStream;
import java.io.IOException;
import java.sql.SQLException;
import java.text.ParseException;
import javax.naming.NamingException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServlet;

import sun.misc.BASE64Decoder;
import com.alibaba.fastjson.JSONObject;
import com.justep.baas.data.Util;


public class UploadImageAjaxServlet extends HttpServlet {

/**
         *
         */
        private static final long serialVersionUID = 4942153269752607096L;

/**
         *
         */
    //存储前台传过来的图片
        public  void uploadImageAjax(ServletRequest request, ServletResponse response) throws ParseException, SQLException, NamingException, IOException {
       // 参数序列化
                      JSONObject params = (JSONObject) JSONObject.parse(request.getParameter("params"));
                       JSONObject jsonObj = new JSONObject();
                       String image = params.getString("image");        //拿到字符串格式的图片
                      String subPath=params.getString("subPath");
                       String PicName=params.getString("icName");
                       System.out.println(PicName);

                       // 只允许jpg
                       String header ="data:image/jpeg;base64,";

               
               // 去掉头部
                      image=image.split(",")[1];
                      image = image.substring(header.length());
               // 写入磁盘
              String success = "fail";
              BASE64Decoder decoder = new BASE64Decoder();
               try{
                       byte[] decodedBytes = decoder.decodeBuffer(image);        //将字符串格式的image转为二进制流（biye[])的decodedBytes
                       String imgFilePath =subPath+PicName;                        //指定图片要存放的位置
                      FileOutputStream out = new FileOutputStream(imgFilePath);        //新建一个文件输出器，并为它指定输出位置imgFilePath
                       out.write(decodedBytes); //利用文件输出器将二进制格式decodedBytes输出
                      out.close();                        //关闭文件输出器
                      success = "上传文件成功！";
                       System.out.println("上传文件成功！");

               }catch(Exception e){
                       success = "上传文件失败！|"+e.getMessage();
                       e.printStackTrace();
               }
               finally{
                       jsonObj.put("success", success);
      
                       Util.writeJsonToResponse(response, jsonObj);
               }
}
}



有什么不对的吗？

zhj880404

楼主，我用咱们这个方法做成功了，可是打包的时候必须要用增强性浏览器才能成功，怎么处理用啊

Masion

zhj880404 发表于 2015-8-22 11:10
楼主，我用咱们这个方法做成功了，可是打包的时候必须要用增强性浏览器才能成功，怎么处理用啊 ...

安卓系统的浏览器各种定制化，千差万别
为了保证X5运行环境一致，
打安卓包时，建议选上增强型浏览器
也就是起步科技提供的内置的crosswalk浏览器

Masion

安卓系统的浏览器各种定制化，千差万别
为了保证X5运行环境一致，
打安卓包时，建议选上增强型浏览器
也就是起步科技提供的内置的crosswalk浏览器

zyd2007cs

楼主能把后台源码发一下吗

Masion

图片剪裁和后台传文件没有关系呀

Masion

想后台传文件，我是用这个帖子的代码传的，你可以做个参考
wex5的image标签怎么加载手机中的图片
http://bbs.wex5.com/forum.php?mod=viewthread&tid=73515
(出处: 起步软件技术论坛)

zyd2007cs

好的  我看看行不  

sheng888s

可否传下 baas.js文件  代码复制总是提示少;号
baas后台的处理过程：

        //存储前台传过来的图片
private static void uploadImageAjax(ServletRequest request, ServletResponse response) throws ParseException, SQLException, NamingException, IOException {
         // 参数序列化
                         JSONObject params = (JSONObject) JSONObject.parse(request.getParameter("params"));
                         JSONObject jsonObj = new JSONObject();
                         String image = params.getString("image");        //拿到字符串格式的图片
                         String subPath=params.getString("subPath");
                         String PicName=params.getString("PicName");
                         System.out.println(PicName);

                        // 只允许jpg
                         String header ="data:image/jpeg;base64,";

               
                // 去掉头部
                         image=image.split(",")[1];
                 //image = image.substring(header.length());
                 // 写入磁盘
                 String success = "fail";
                 BASE64Decoder decoder = new BASE64Decoder();
                 try{
                         byte[] decodedBytes = decoder.decodeBuffer(image);        //将字符串格式的image转为二进制流（biye[])的decodedBytes
                         String imgFilePath =subPath+PicName;                        //指定图片要存放的位置
                         FileOutputStream out = new FileOutputStream(imgFilePath);        //新建一个文件输出器，并为它指定输出位置imgFilePath
                         out.write(decodedBytes); //利用文件输出器将二进制格式decodedBytes输出
                         out.close();                        //关闭文件输出器
                         success = "上传文件成功！";
                         System.out.println("上传文件成功！");

                }catch(Exception e){
                         success = "上传文件失败！|"+e.getMessage();
                         e.printStackTrace();
                 }
                 finally{
                         jsonObj.put("success", success);
         
                        Util.writeJsonToResponse(response, jsonObj);
                 }
}