cocoscreator 3x 打开相册并上传

1、cocoscreator 发布 web-mobile 后，打开index.html,添加代码：

<input type="file" id="imageUpload" accept="image/*" style="display: none;">

2、TS指定代码处添加代码：

    ccs_open_image_click() {  
        let inputElement = document.getElementById('imageUpload');  
        inputElement.click();  
  
        inputElement.onchange = (e) => {  
            // @ts-ignore
            let file = e.target.files[0];  
            if (file) {  
            }  
        };  
    }
  

如此即可在代码发布的web中打开相册了。

3、上传服务器，在监听中增加如下方法：

    ccs_open_image_click() {  
        let inputElement = document.getElementById('imageUpload');  
        inputElement.click();  
  
        inputElement.onchange = (e) => {  
            // @ts-ignore
            let file = e.target.files[0];  
            if (file) {  
                this.uploadImage(file);  
            }  
        };  
    }
  
    uploadImage(file) {  
        let formData = new FormData();  
        formData.append('image', file); // 'image' 是服务器期望的字段名  
  
        // 使用 fetch API 发送 POST 请求  
        fetch('YOUR_SERVER_URL', {  
            method: 'POST',  
            body: formData  
        })  
        .then(response => response.json()) // 假设服务器返回 JSON 数据  
        .then(data => {  
            // 处理服务器响应  
            console.log('Upload success:', data);  
        })  
        .catch(error => {  
            // 处理错误  
            console.error('Upload failed:', error);  
        });  
    }

至此，打开相册和上传都已经完成。

如果您想在cocoscreator软件中直接联调，只需要在引擎目录找到对应目录添加
<input type="file" id="imageUpload" accept="image/*" style="display: none;">

如若有疑惑可以联系本人，或者留言。定当知无不言，言无不尽，祝君成功