[分享]拍照与图片上传

起步跌倒

楼主有没有用过自带的attachment上传照片？求解。

qiangzi

您好我是vex5的出学者 今天做了个拍照把图片显示在image1上并保持到设备上的相册   Model.prototype.button1Click = function(event){
                /** 拍照 */
                if(!navigator.camera){
               return;
          }
                var self = this;  
        navigator.camera.getPicture(onLoadImageSuccess, onLoadImageFail, {
                destinationType: Camera.DestinationType.DATA_URL,//navigator.camera.DestinationType.DATA_URL,    //选择返回数据的格式   
                quality :100,                                                //存储图像的质量，范围是[0,100]。
                        sourceType : 1,                    //2：从相册中选取照片1为拍照
                        //allowEdit : true,                  //是否允许对图片进行编辑
                        //targetWidth: 100,                  //以像素为单位的图像缩放宽度指定图片展示的时候的宽度
                        //targetHeight: 100,                                        //以像素为单位的图像缩放高度指定图片展示的时候的高度
                        cameraDirection: 0,                 //拍照摄像头选择：0：后置摄像头；
                        saveToPhotoAlbum : true            //拍完照片后是否将图像保存在设备上的相册
        });
       //拍照成功后回调
                function onLoadImageSuccess(imageData){
                        localStorage.setItem("imageData","data:image/jpeg;base64,"+imageData);
                        var smallImage = document.getElementById(self.getIDByXID('image1'));
                        //显示图像
                        smallImage.style.display = 'block';
                        smallImage.src = "data:image/jpeg;base64,"+imageData;                        
                        //图片上传
                       // self.uploadPic(imageData);            
                }

                function onLoadImageFail(error){
                        alert(error);
                }

        };

代码如下，，现在就是能显示，，但是相册里没有 请教在线等谢谢了

lvminghui

luckyymf 发表于 2016-6-1 10:10
这是我测试通过的拍照功能，仅供参考，欢迎交流学习

我为啥把代码下载下来报错啊

developerML

前辈，我是新手，能否指导一下后端怎样新建JAVA文件到服务到action
或者从哪里能够找到相关的视频教程？

youchim

cwftalus 发表于 2016-7-8 18:07
群主是否遇到过这个问题 imagedata 的值 是
file:///storage/emulated/0/Pictures/IMG_20160708_174715.jp ...

你好 ，这个问题你解决了吗

developerML

         BASE64Decoder decoder = new BASE64Decoder();

这句报错，请教是什么意思？

BASE64Decoder 无法解析为类型        Uploadphoto.java        /BaasServer/baas/x5        第 45 行        Java 问题

ly201026

大哥，为啥我图片回显不能显示呢

1.         Model.prototype.getBgImage = function(bg_image,bg_type) {
   
2.                 var create_by = sessionStorage.getItem("buss_user");
   
3.                 if(!bg_image) {
   
4.                         return null;
   
5.                 }
   
6.                 var actionUrl = "/baas/gemshow/parameter/browsePicfile";
   
7.                 var src = null;
   
8.                 if(bg_image != null && bg_image != "") {
   
9.                         var url = actionUrl + '?bg_image='+bg_image+'&bg_type='+bg_type+'&create_by='+create_by;
   
10.                         src = require.toUrl(url);
    
11.                 }
    
12.                 return src;
    
13.         }

复制代码

1. private static final int BUFFER_SIZE = 32768 * 8;
   
2.        
   
3.         public static JSONObject browsePicfile(JSONObject params, ActionContext context) throws SQLException, NamingException, IOException {
   
4.                 System.out.println("browsePicfile is running!");
   
5.                
   
6.                 HttpServletRequest request = (HttpServletRequest) context.get(ActionContext.REQUEST);
   
7.                 HttpServletResponse response = (HttpServletResponse) context.get(ActionContext.RESPONSE);
   
8.                
   
9.                 String bg_image = request.getParameter("bg_image");
   
10.                 String bg_type = request.getParameter("bg_type");
    
11.                 String create_by = request.getParameter("create_by");
    
12.                
    
13.                 System.out.println(bg_image+'\n'+bg_type+'\n'+create_by);
    
14.                
    
15.                 String TYPE_NAME = "";
    
16.                 if("0".equals(bg_type)) {
    
17.                         TYPE_NAME = "SINGLE_BG";
    
18.                 }else if("1".equals(bg_type)) {
    
19.                         TYPE_NAME = "MODEL_BG";
    
20.                 }else if("2".equals(bg_type)){
    
21.                         TYPE_NAME = "360_BG";
    
22.                 }
    
23.                
    
24.                 String baasPath = Thread.currentThread().getContextClassLoader().getResource("").getPath();
    
25.                 String docPath = baasPath+".."+File.separator + ".." +File.separator + "model" + File.separator + "UI2"+File.separator + "gof_show" +
    
26.                                                  File.separator + "uploadfiles" +File.separator+TYPE_NAME;
    
27.                
    
28.                 System.out.println("docpath======="+docPath);
    
29.                
    
30.                 File file = new File(docPath+File.separator+create_by+File.separator+bg_image);
    
31.                
    
32.                 System.out.println("realPath=============="+docPath+File.separator+create_by+File.separator+bg_image);
    
33.                
    
34.                 FileInputStream fis = new FileInputStream(file);
    
35.                 response.setHeader("Cache-Control", "pre-check=0, post-check=0, max-age=0");
    
36.                 String fileNameKey = "filename";
    
37.                 response.addHeader("Content-Disposition", "inline; "+fileNameKey+"="" + bg_image + """);
    
38.                
    
39.                 OutputStream os = response.getOutputStream();
    
40.                 byte[] buffer = new byte[BUFFER_SIZE];
    
41.                
    
42.                 try{
    
43.                         int read;
    
44.                         while((read = fis.read(buffer)) != -1) {
    
45.                                 os.write(buffer,0,read);
    
46.                         }
    
47.                 }finally{
    
48.                         fis.close();
    
49.                 }
    
50.                
    
51.                 return null;
    
52.                
    
53.         }

复制代码

ly201026

ly201026 发表于 2017-10-15 16:09
大哥，为啥我图片回显不能显示呢

已解决

结局

ly201026 发表于 2017-10-16 12:15
已解决

你好  你的图片回显  咋显示的  能指教一下吗？

ly201026

结局 发表于 2017-10-28 09:51
你好  你的图片回显  咋显示的  能指教一下吗？

就是按照楼主的方式