CocosCreator 调用安卓相册选择图片裁剪并传Base64到ts层

最新推荐文章于 2024-02-01 15:36:15 发布
最新推荐文章于 2024-02-01 15:36:15 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： android studio 文章标签： android java 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/W_han__/article/details/126747094
版权

java代码 。CommonUtils.java

package com.cocos.common;

import android.Manifest;
import android.content.ClipData;
import android.content.ContentUris;
import android.content.Context;
import android.content.Intent;
import android.content.pm.PackageManager;
import android.database.Cursor;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.os.Build;
import android.os.Environment;
import android.provider.DocumentsContract;
import android.provider.MediaStore;
import android.util.Base64;
import android.util.Log;

import androidx.core.app.ActivityCompat;

import org.json.JSONObject;

import java.io.ByteArrayInputStream;
import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

import com.cocos.game.AppActivity;
import com.cocos.lib.CocosHelper;
import com.cocos.lib.CocosJavascriptJavaBridge;

public class CommonUtils {

    static CommonUtils s_common = null;

    public static CommonUtils getInstance() {
        if (s_common == null) {
            s_common = new CommonUtils();
        }
        return s_common;
    }

    public static final int REQUEST_CODE_CAMERA = 110;
    public static final int REQUEST_CODE_ALBUM = 111;
    public static final int REQUEST_CODE_CROP = 112;

    public static Integer clipX = 0;
    public static Integer clipY = 0;
    public static Integer needClip = 0;

    public static Integer photoType = 1;

    public static Uri uriClipUri = null;
    public static Uri mCameraUri = null;

    private static AppActivity instance = null;

    public static void selectPhoto(String path, String info) {
        s_common.useSystemAlbum(info);
    }

    public static void initComUtils(AppActivity context) {
        s_common.instance = context;
    }

    /**
     * 调用系统相册和裁剪
     * @param info
     */
    public static void useSystemAlbum(String info){
        clipX = 0;
        clipY = 0;
        try{
            JSONObject jsonObject = new JSONObject(info);
            needClip = jsonObject.getInt("needClip");
            clipX = jsonObject.getInt("clipX");
            clipY = jsonObject.getInt("clipY");
        }catch(Exception e){
            e.printStackTrace();
        }
 
        pickImage();
    }
 
    /**
     * 选择相册上传图片
     */
    public static void pickImage(){
        photoType = 1;
        String[] needPermissions = new String[] {
                Manifest.permission.WRITE_EXTERNAL_STORAGE, Manifest.permission.READ_EXTERNAL_STORAGE};
        List<String> permissionList = new ArrayList<>();
        for (String permission : needPermissions) {
            if (ActivityCompat.checkSelfPermission(instance, permission) != PackageManager.PERMISSION_GRANTED)
                permissionList.add(permission);
        }
        if (permissionList.size() == 0) {
//            Log.i("pickImg","已经获取到所有权限");
            goPhotoAlbum();
 
        }else{
            String[] requestPermissions = permissionList.toArray(new String[permissionList.size()]);
            ActivityCompat.requestPermissions(instance,requestPermissions, 1001);
        }
    }
 
 
 
    public static void goPhotoAlbum(){
        Intent intentAlbum= new Intent(Intent.ACTION_PICK, null);
        //其中External为sdcard下的多媒体文件,Internal为system下的多媒体文件。
        //使用INTERNAL_CONTENT_URI只能显示存储在内部的照片
        intentAlbum.setDataAndType(
                MediaStore.Images.Media.INTERNAL_CONTENT_URI, "image/*");
        //返回结果和标识
        instance.startActivityForResult(intentAlbum, REQUEST_CODE_ALBUM);
    }

    // 处理图片路径4.4之后
    private String handleImageOnKitkat(Intent data) {
        String imagePath = null;
        Uri uri = data.getData();
        imagePath = changeUriToPath(uri);
        return imagePath;
    }
    private String changeUriToPath(Uri uri){
        String imagePath = null;
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            if (DocumentsContract.isDocumentUri(instance, uri)) {
                //如果是document类型的uri，则通过document id 处理
                String docId = DocumentsContract.getDocumentId(uri);
                if("com.android.providers.media.documents".equals(uri.getAuthority())) {
                    //解析出数字格式的id
                    String id  = docId.split(":")[1];
                    String selection = MediaStore.Images.Media._ID+ "=" +id;
                    imagePath = getImagePath(MediaStore.Images.Media.EXTERNAL_CONTENT_URI,selection );
                } else if ("com.android.providers.downloads.documents".equals(uri.getAuthority())) {
                    Uri contentUri = ContentUris.withAppendedId(Uri.parse
                            ("content://downloads/public_downloads"),Long.valueOf(docId));
                    imagePath = getImagePath(contentUri, null);
                }
            } else if ("content".equalsIgnoreCase(uri.getScheme())) {
                //如果是content类型的uri，则用普通方式处理
                imagePath = getImagePath(uri, null);
            } else if ("file".equalsIgnoreCase(uri.getScheme())) {
                //如果是file类型的uri,直接获取图片路径
                imagePath = uri.getPath();
            }
        }
        return imagePath;
    }
    //处理图片路径4.4之前
    private String handleImageBeforeKitkat(Intent data) {
        Uri uri = data.getData();
        String imagePath = getImagePath(uri, null);
        return imagePath;
    }
    private String getImagePath(Uri uri,String selection) {
        String path = null;
        //通过uri 和 selection 获取真实的图片路径
        Cursor cursor = instance.getContentResolver().query(uri,null,selection,null,null);
        if (cursor != null) {
            if (cursor.moveToFirst()) {
                path = cursor.getString(cursor.getColumnIndex(MediaStore.Images.Media.DATA));
            }
            cursor.close();
        }
        return path;
    }

     
    /**
     * 图片裁剪的方法
     * @param uri
     */
    public void startPhotoZoom(Uri uri) {
        //        Log.i("pickImg uri=====", "" + uri);
        //com.android.camera.action.CROP，这个action是调用系统自带的图片裁切功能
        Intent intent = new Intent("com.android.camera.action.CROP");
        intent.setDataAndType(uri, "image/*");//裁剪的图片uri和图片类型
        intent.putExtra("crop", true);//设置允许裁剪，如果不设置，就会跳过裁剪的过程，还可以设置putExtra("crop", "circle")
        intent.putExtra("aspectX", 1);//裁剪框的 X 方向的比例,需要为整数
        intent.putExtra("aspectY", 1);//裁剪框的 Y 方向的比例,需要为整数
//        intent.putExtra("outputX", 60);//返回数据的时候的X像素大小。
//        intent.putExtra("outputY", 60);//返回数据的时候的Y像素大小。
        if(clipX != 0 && clipY != 0){
            intent.putExtra("OutputX", clipX);// 设置最终裁剪的宽和高
            intent.putExtra("OutputY", clipY);// 设置最终裁剪的宽和高
//            Log.i("pickImg","设置裁剪输出宽和高="+clipX+"-"+clipY);
        }
        //uriClipUri为Uri类变量，实例化uriClipUri
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
            if (photoType == 2) {//如果是7.0的拍照
//                //开启临时访问的读和写权限
//                intent.addFlags(Intent.FLAG_GRANT_WRITE_URI_PERMISSION | Intent.FLAG_GRANT_READ_URI_PERMISSION);
//                //针对7.0以上的操作
//                intent.setClipData(ClipData.newRawUri(MediaStore.EXTRA_OUTPUT, uri));
//                uriClipUri = uri;
            } else if(photoType == 1) {//如果是7.0的相册
                //设置裁剪的图片地址Uri
                uriClipUri = Uri.parse("file://" + "/" + Environment.getExternalStorageDirectory().getPath() + "/" +"clip.jpg");
//                Log.i("pickImg","android 7.0调用相册= "+uriClipUri);
            }
    
        } else {
            uriClipUri = Uri.parse("file://" + "/" + Environment.getExternalStorageDirectory().getPath() + "/" + "clip.jpg");
        }
//        Log.i("pickImg uriClipUri=====", "" + uriClipUri);
        //Android 对Intent中所包含数据的大小是有限制的，一般不能超过 1M，否则会使用缩略图 ,所以我们要指定输出裁剪的图片路径
        intent.putExtra(MediaStore.EXTRA_OUTPUT, uriClipUri);
        intent.putExtra("return-data", false);//是否将数据保留在Bitmap中返回
        intent.putExtra("outputFormat", Bitmap.CompressFormat.JPEG.toString());//输出格式，一般设为Bitmap格式及图片类型
        intent.putExtra("noFaceDetection", true);//人脸识别功能
        instance.startActivityForResult(intent, REQUEST_CODE_CROP);//裁剪完成的标识
    }

     
    public static String bitmapToBase64(Bitmap bitmap) {
        String result = null;
        ByteArrayOutputStream baos = null;
        try {
            if (bitmap != null) {
                baos = new ByteArrayOutputStream();
                bitmap.compress(Bitmap.CompressFormat.JPEG, 30, baos);
                baos.flush();
                baos.close();
 
                byte[] bitmapBytes = baos.toByteArray();
                result = Base64.encodeToString(bitmapBytes, Base64.NO_WRAP);
            }
        } catch (IOException e) {
            e.printStackTrace();
            Log.i("pickImg","io exception111");
        } finally {
            try {
                if (baos != null) {
                    baos.flush();
                    baos.close();
                }
            } catch (IOException e) {
                Log.i("pickImg","io exception222");
                e.printStackTrace();
            }
        }
        return result;
    }

     
//    @Override
    public void onActivityResult(int requestCode, int resultCode, Intent data) {
//        instance.onActivityResult(requestCode, resultCode, data);
        // FaceBookLogin.callbackManager.onActivityResult(requestCode, resultCode, data);
        // SDKWrapper.getInstance().onActivityResult(requestCode, resultCode, data);
        if(requestCode == REQUEST_CODE_ALBUM && resultCode == instance.RESULT_OK){
            Log.i("pickImg ","调用相册回调");
            if(data != null){
                if(needClip == 1){
                    startPhotoZoom(data.getData());
                    return;
                }
                String filePath = null;
                if (resultCode == instance.RESULT_OK) {
                    //判断手机的系统版本号
                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                        //4.4系统的及以上用此方法处理照片
                        filePath =  handleImageOnKitkat(data);
                    } else {
                        // 4.4以下的使用这个方法处理照片
                        filePath =  handleImageBeforeKitkat(data);
                    }
                }
                File file = new File(filePath);
                Bitmap bitmap = compressImage(BitmapFactory.decodeFile(filePath));
        
                String base64Bitmap = bitmapToBase64(bitmap);

                this.send2JsCommonUtils(String.format("G.eventMgr.emit('CAMERA_PICK_MESSAGE_ARRIVE', '%s', '%s')", filePath, base64Bitmap));

//                final String callJsFunc = String.format("PlatForm.onPickImageResult(\'%s\',\'%s\');",filePath,base64Bitmap);
//                CocosHelper.runOnGameThread(new Runnable() {
//                    @Override
//                    public void run() {
//                        CocosJavascriptJavaBridge.evalString(callJsFunc);
//                        Log.i("pickImg","返回path,base64,callFuncStr = "+callJsFunc);
//                    }
//                });
            }
        }
//        else if(requestCode == REQUEST_CODE_CAMERA && resultCode == instance.RESULT_OK){
//            Bitmap bitmap = null;
//            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
//                if(needClip == 1){
//                    startPhotoZoom(mCameraUri);
//                    return;
//                }
//                String filePath = changeUriToPath(mCameraUri);
//                bitmap = BitmapFactory.decodeFile(filePath);
//                String base64Bitmap = bitmapToBase64(bitmap);
//                final String callJsFunc = String.format("PlatForm.onPickImageResult(\'%s\',\'%s\');",filePath,base64Bitmap);
//                instance.runOnGLThread(new Runnable() {
//                    @Override
//                    public void run() {
//                        Cocos2dxJavascriptJavaBridge.evalString(callJsFunc);
//                        Log.i("pickImg","返回path,base64,callFuncStr = "+callJsFunc);
//                    }
//                });
//            } else {
//                bitmap = BitmapFactory.decodeFile(mCameraImagePath);
//                String base64Bitmap = bitmapToBase64(bitmap);
//                Log.i("pickImg ","base64Image222 = "+base64Bitmap);
//                final String callJsFunc = String.format("PlatForm.onPickImageResult(\'%s\',\'%s\');",mCameraImagePath,base64Bitmap);
//                instance.runOnGLThread(new Runnable() {
//                    @Override
//                    public void run() {
//                        Cocos2dxJavascriptJavaBridge.evalString(callJsFunc);
//                        Log.i("pickImg","返回path,base64,callFuncStr = "+callJsFunc);
//                    }
//                });
//            }
//
//        }
        else if(requestCode == REQUEST_CODE_CROP && resultCode == instance.RESULT_OK){
            Log.i("pickImg","裁剪完成"+data.getData());
            if(data != null){
                if(photoType == 1){
                    String filePath = null;
                    if (resultCode == instance.RESULT_OK) {
                        //判断手机的系统版本号
                        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                            //4.4系统的及以上用此方法处理照片
//                            filePath =  handleImageOnKitkat(data);
                            filePath = changeUriToPath(uriClipUri);
                        } else {
                            // 4.4以下的使用这个方法处理照片
//                            filePath =  handleImageBeforeKitkat(data);
                            filePath = getImagePath(uriClipUri, null);
                        }
 
                    }
                    File file = new File(filePath);
                    Bitmap bitmap = compressImage(BitmapFactory.decodeFile(filePath));
                    String base64Bitmap = bitmapToBase64(bitmap);

                    this.send2JsCommonUtils(String.format("G.eventMgr.emit('CAMERA_MESSAGE_ARRIVE', '%s', '%s')", filePath, base64Bitmap));

//                    final String callJsFunc = String.format("PlatForm.onPickImageResult(\'%s\',\'%s\');",filePath,base64Bitmap);
//                    CocosHelper.runOnGameThread(new Runnable() {
//                        @Override
//                        public void run() {
//                            CocosJavascriptJavaBridge.evalString(callJsFunc);
//                            Log.i("pickImg","crop返回path,base64,callFuncStr = "+callJsFunc);
//                        }
//                    });
                }else if(photoType == 2){
//                    Bitmap bitmap = null;
//                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
//                        String filePath = changeUriToPath(mCameraUri);
//                        bitmap = BitmapFactory.decodeFile(filePath);
//                        String base64Bitmap = bitmapToBase64(bitmap);
//                        final String callJsFunc = String.format("PlatForm.onPickImageResult(\'%s\',\'%s\');",filePath,base64Bitmap);
//                        CocosHelper.runOnGameThread(new Runnable() {
//                            @Override
//                            public void run() {
//                                Cocos2dxJavascriptJavaBridge.evalString(callJsFunc);
//                                Log.i("pickImg","返回path,base64,callFuncStr = "+callJsFunc);
//                            }
//                        });
//                    } else {
//                        bitmap = BitmapFactory.decodeFile(mCameraImagePath);
//                        String base64Bitmap = bitmapToBase64(bitmap);
//                        final String callJsFunc = String.format("PlatForm.onPickImageResult(\'%s\',\'%s\');",mCameraImagePath,base64Bitmap);
//                        CocosHelper.runOnGameThread(new Runnable() {
//                            @Override
//                            public void run() {
//                                Cocos2dxJavascriptJavaBridge.evalString(callJsFunc);
//                                Log.i("pickImg","返回path,base64,callFuncStr = "+callJsFunc);
//                            }
//                        });
//                    }
 
                }
            }
        }
 
    }
    private Bitmap compressImage(Bitmap beforeBitmap) {

        // 可以捕获内存缓冲区的数据，转换成字节数组。
        ByteArrayOutputStream bos = new ByteArrayOutputStream();
        if (beforeBitmap != null) {
            // 第一个参数：图片压缩的格式；第二个参数：压缩的比率；第三个参数：压缩的数据存放到bos中
            beforeBitmap.compress(Bitmap.CompressFormat.JPEG, 30, bos);
            
            // 循环判断压缩后的图片大小是否满足要求，这里限制100kb，若不满足则继续压缩，每次递减10%压缩
            int options = 100;
            while (bos.toByteArray().length / 1024 > 100) {
                bos.reset();// 置为空
                beforeBitmap.compress(Bitmap.CompressFormat.JPEG, options, bos);
                options -= 10;
            }
            
            // 从bos中将数据读出来 转换成图片
            ByteArrayInputStream bis = new ByteArrayInputStream(bos.toByteArray());
            Bitmap afterBitmap = BitmapFactory.decodeStream(bis);
            return afterBitmap;
        }
        return null;
    }

    private void send2JsCommonUtils(String callJsFunc) {
        CocosHelper.runOnGameThread(new Runnable() {
            @Override
            public void run() {
                CocosJavascriptJavaBridge.evalString(callJsFunc);
                Log.i("pickImg","crop返回path,base64,callFuncStr = "+callJsFunc);
            }
        });
    }

    public static void onNewIntent(Intent intent) {
        Log.d("RtmSdk", "=========== onNewIntent ");
    }

}

java代码  AppActivity
 

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        CommonUtils.getInstance().onActivityResult(requestCode, resultCode, data);
//        SDKWrapper.shared().onActivityResult(requestCode, resultCode, data);
    }
@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        CommonUtils.getInstance().initComUtils(this);
    }

js代码

const commonPath = 'com/cocos/common/CommonUtils';
//选择相册图片    
    public selectPhoto(clipSize: Size = new Size(150, 150), needClip = 1) {
        var clipX = 0;
        var clipY = 0;
        if(clipSize){
            clipX = clipSize.x;
            clipY = clipSize.y;
        }
        var dict ={
            needClip: needClip, //1是裁剪，2是不裁剪
            clipX:clipX, //裁剪x尺寸
            clipY:clipY, //裁剪y尺寸
        }
 
        let tmpPath = jsb.fileUtils.getWritablePath() + 'tmpPhoto.jpg';
        if (sys.os == sys.OS.ANDROID) {
            jsb.reflection.callStaticMethod(
                commonPath,
                "selectPhoto",
                "(Ljava/lang/String;Ljava/lang/String;)V",
                tmpPath,
                JSON.stringify(dict));
        } else if (sys.os == sys.OS.IOS) {
            jsb.reflection.callStaticMethod("DeviceModule", "selectPhoto", tmpPath, JSON.stringify(dict));
        } else {
            let path = jsb.fileUtils.getWritablePath() + 'tmpPhoto.jpg';
            // cc.director.emit("SelectPhotoCallback", path);
        }
    }

js回调

    {
        G.eventMgr.on(EventConst.CAMERA_PICK_MESSAGE_ARRIVE, this.onPickImageArrive, this);
        G.eventMgr.on(EventConst.CAMERA_MESSAGE_ARRIVE, this.onImageArrive, this);
    }
    public onPickImageArrive(filePath: string, filedata) {
        console.error(`onPickImageArrive filePath: ${filePath}`);
        console.error(filedata)
    }
    public onImageArrive(filePath: string, filedata) {
        console.error(`onImageArrive filePath: ${filePath}`);
        console.error(filedata)
    }

java层还需要修改： 在gradle.properrties 里添加
android.useAndroidX=true
android.enableJetifier=true

在AndoridMainfest里添加

 <!-- 相册权限 -->
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.CAMERA" />


<provider
            android:name="androidx.core.content.FileProvider"
            android:authorities="包名.fileprovider"
            android:grantUriPermissions="true"
            android:exported="false">
            <meta-data
                android:name="android.support.FILE_PROVIDER_PATHS"
                android:resource="@xml/file_paths" />
       </provider>

然后再res下面创建xml/file_path.xml
 

<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2013 The Android Open Source Project
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
     You may obtain a copy of the License at
          http://www.apache.org/licenses/LICENSE-2.0
     Unless required by applicable law or agreed to in writing, software
     distributed under the License is distributed on an "AS IS" BASIS,
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
-->
 
<paths xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Offer access to files under Context.getCacheDir() -->
    <cache-path name="my_cache" />
    <files-path name="my_files" path = "." />
    <external-path name="my_external" path = "." />
    <external-path path="." name="camera_photos" />
</paths>

o向阳花o
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Cocos Creator之H5版Web版上传头像
sotmwhat的博客
11-20 2392
哈喽，大家好！ 头段时间开发任务较重，而且一直跟女友约会，时间不太宽余，所以挺更了一段时间。还好最近有点小空，可以和大家讨论一下关于cocos上传头像的相关技术。那咱们废话也不多说了，直奔主题吧! window.webBase64String = function (param) { var fileList = param.files[0]; var reader = new F...
android intent.putextras,关于方法intent.putExtra(MediaStore.EXTRA_OUTPUT, uri)的问题
weixin_39733232的博客
05-27 1841
这个方法起到的作用为什么是指定拍照的输出地址？这个方法的原型是public Intent putExtra(String name, Parcelable value)这个意思不是将数据以键值对的形式存储吗？为什么可以指定图片的输出地址呢？下面是完整的代码，主要目的就是点击Button进入拍照的界面，然后将拍照得到的图片存到应用关联目录下，但是学习过程中我没弄懂如何将图片保存到我指定的uri下。p...
Android拍照或从图库选择图片并裁剪
01-04
今天看《第一行代码》上面关于拍照和从相册选取图片那一部分，发现始终出不来效果，所以搜索其他资料学习一下相关知识，写一个简单的Demo。  一、 拍照选择图片 1、使用隐式Intent启动相机 //构建隐式Intent Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); //调用系统相机 startActivityForResult(intent, 1); 2、处理相机拍照返回的结果 //用户点击了取消 if(data == null){ return; }else{ Bundle extras = data.
android11调用相机，调用相册，裁剪图片，anroid10 图片操作工具类
01-03
由于是调用系统功能，因此不需权限 PhotoUtils.camera(activity,你定义的FileProvider的authority){ uri, success, msg -> if(success) Glide.with(this).load(uri).into(binding.ivImage) } //调用相册 PhotoUtils.select(fragment){ uri, success, msg ->
Cocos Creator3.X 本地上传图片
最新发布
yidibingdian的博客
02-01 301
需要一个本地图片替换项目中图片的功能，查找了资料，写了一下，可以用。
Android实现选择相册图片并显示功能
01-04
本文实例为大家分享了Android实现选择相册图片并显示的具体代码，供大家参考，具体内容如下 需求描述： 选择手机相册中的一张图片，并通过ImageView展示出来 参考博文： android打开手机相册获取真正的图片路径 效果展示： 示例代码： MainActivity package com.example.www.mutilmedia; import android.Manifest; import android.app.Activity; import android.content.Intent; import android.content.pm.PackageManager
vue.js图片转Base64上传图片并预览的实现方法
12-11
对于前端人员来说，图片处理是一个很常见的需求，由于图片稍微特殊，现在多数做法都是使用调用ajax接口通过http方法来提交，例如post方法提交，后台处理后返回一个图片路径给前端，前端根据这个路径写入img标签，但是基于当前的前后端分离的开发模式下，前后端代码往往不在同一个系统目录下，而且部署时可能liunx路径与windows路径不一样，这样后期路径更改可能会导致维护困难问题出现。 针对这种问题，这里我推荐使用图片转base64格式，再发给后端，后端只需将转码结果存入数据库即可，前端调用接口直接获取到base64数据直接写入img src 标签即可 下面使用element ui upload
解密cocos creator jsc到js
12-10
可以把cocos creator加密的jsc解密成js cocos-jsc-endecryptor-2.0 需要先获取加密密码 然后使用cocos-jsc-endecryptor-2.0 解密jsc为js文件
creator实现调用android相机相册，并实现裁剪后图片的上传和下载
12-13
1、creator实现调用android相机、相册，并将裁剪后的图片上传到服务器 2、保留全部代码，如果有疑问请留言
Android-实现拍照并显示（7.0及以上版本）
qq_16739131的博客
05-24 1045
7.0以上版本（包括7.0）实现拍照功能有两个需要注意的地方 拍照权限的动态获取 内容提供器的使用 动态权限获取 在6.0系统之前，需要指定的权限可以在AndroidManifest.xml文件中进行权限声明 例如： <user-permission android:name="android.permission.ACCESS_NETWORK_STATE"/> 但是这样会涉及到...
cocos creator 调用相机相册裁剪图片并上传到服务器
wacelike
04-08 4948
大致思路就是creator里面js调用Java和object-c代码，调起系统相机相册，选取图库图片/拍照图片进行裁剪，然后转化为base64字符串，最后通过http post请求上传到服务器。 JavaScript实现部分，调用Java和oc相关接口，传入裁剪参数 // 类型，是否需要裁剪，裁剪尺寸，回调方法 PlatForm.pickImage = function(type,needClip,clipSize,callback){ PlatForm.onChoosePhotoCallb
cocos creator + nestjs 上传下载文件功能
GrimRaider的专栏
05-27 2138
上传文件 客户端 打开本地文件 // ts 代码 // 选择本地文件，以下callback为函数回调参数 public static openLocalFile(callback: (file: File) => void) { let inputEl: HTMLInputElement = <HTMLInputElement>document.getElementById('file_input');// 类型转行 HTMLInputElement ，方便.
cocos h5 上传头像
xuefujin的博客
05-19 451
第一步 window['webBase64String'] = (param) => { var fileList = param.files[0]; var reader = new FileReader(); reader.readAsDataURL(fileList); reader.onload = (event) => { let image: any = new Image() //新建一个img标签（还没嵌入DOM节点) let dataImg = event.t..
COCOS CREEROE插件 - 构建后自动 压缩 图片与上传 到阿里云 和 自动修改图片
qq_27785797的博客
04-21 265
COCOS CREEROE插件 - 构建后自动 压缩 图片与上传 到阿里云 和 自动修改图片 首先 下载 链接: https://pan.baidu.com/s/1oxtklrV779hTMM0MriogOA 密码: vok2 解压放到 win 也是该目录 修改 添加 自己的 oss key 和上传到服务器的路径 打开cocos crertor 点击扩展 填写信息 下拉 保存 ，构建后 会自动执行该脚本 比如 压缩图片 更改文件 上传 文件 ...
CocosCreator共产元宇宙之脑语言帮助
脑语言
02-23 574
语言帮助 文章目录入门须知脑语言的特征脑语言界面北南西心表览脑语言介绍游戏开发流程游戏演示游戏玩法说明创建项目新建广表ps处理下载下载ps脑语言.jsx、xxxpsd运行ps脑语言导入脚本生成广表txt导入图片素材上传上传音乐上传音效上传龙骨上传图片下载下载音乐下载音效下载龙骨下载图片外观显隐显示隐藏页面跳转位置X轴Y轴属性层级宽度高度大大锚点旋转颜色透明倾斜中文uuid功能控件庄汪钮图孟皿徐角色配置我我配置我程序他物理引擎物理物理开启物理关闭刚体重力摩擦密度动画龙骨帧动画声音音乐音乐开关音乐开启音乐关闭音
cocos creator 使用h5接口fileToUpload获取文件信息（打开系统自带的文件选择对话框）
erweimac的博客
09-23 1254
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Cocos Creator | hello_world</title> <!--http://www.html5rocks.com/en/mobile/mobifying/--> <meta name="viewport" content="width=devic.
cocos android 上传图片
笙尽缘无
11-23 1654
package org.cocos2dx.javascript;import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.io.InputStream; import java.net.HttpURLConn
cocos creator 保持屏幕常亮 屏幕不休眠
于子潇的博客
11-14 5873
此教程唯小白教程 只为了实现功能 安卓原生 很简单 一学就会 具体原理什么的多参考 android屏幕唤醒帖子等 参考 http://www.cnblogs.com/king_dy/archive/2010/11/11/1888134.html?tdsourcetag=s_pcqq_aiomsg   教程开始 第一步 首先打包游戏 安卓包这个就不用说了大家都会 构建-编译 成功后 ...
cocos lua post上传文件
05-18
在Cocos2d-x中使用Lua进行文件上传，你可以使用HttpClient类来实现。下面是一个简单的示例代码： ``` lua local xhr = cc.XMLHttpRequest:new() xhr.responseType = cc.XMLHTTPREQUEST_RESPONSE_STRING xhr:setRequestHeader("Content-Type", "multipart/form-data;") local url = "http://your.upload.url" local filePath = "path/to/your/file" local boundary = "----WebKitFormBoundary7MA4YWxkTrZu0gW" local content = "" content = content .. "--" .. boundary .. "\r\n" content = content .. "Content-Disposition: form-data; name=\"file\"; filename=\"" .. filePath .. "\"\r\n" content = content .. "Content-Type: image/png\r\n\r\n" local fileData = cc.FileUtils:getInstance():getDataFromFile(filePath) content = content .. fileData:getBytes() content = content .. "\r\n--" .. boundary .. "--\r\n" local body = string.len(content) xhr:open("POST", url) xhr:setRequestHeader("Content-Length", tostring(body)) xhr:registerScriptHandler(function(event) if event.name == "completed" then -- 文件上传成功 print(xhr.response) end end) xhr:send(content) ``` 在上面的代码中，我们首先创建一个XMLHttpRequest对象，并设置响应类型为字符串。然后设置请求头，包括Content-Type和boundary。接下来，我们读取文件并将其添加到请求正文中。最后，我们设置请求正文的长度，并发送请求。 在请求完成时，我们可以在回调函数中处理响应。在这个例子中，我们只是简单地打印响应内容。你可以根据自己的需要来处理响应数据。 需要注意的是，这里使用的是multipart/form-data格式上传文件。如果你需要上传其他类型的文件，或者需要上传多个文件，可以根据需要修改请求头和请求正文。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值