先将图片上传到服务器,再将服务器上的图片传入oss中
小程序js
//启动上传等待中... wx.showToast({ title: '正在上传...', icon: 'loading', mask: true, duration: 10000 }) //上传图片 wx.uploadFile({ url: '***********',//上传的路径(Java后台路径) filePath: tempFilePaths[0], name: 'file', success: function (res) { console.log(res.data)//oss图片路径 wx.showToast({ title: "上传成功", icon: 'success', duration: 1000 }) }, fail: function ({ errMsg }) { wx.showToast({ title: "上传失败", duration: 1000 }) }, })
Java后台
@RequestMapping("/programImg") public @ResponseBody String programImg(@RequestParam(required = false) MultipartFile file,HttpServletRequest request) { File targetFile=null; String str="";//返回存储路径 String fileName=file.getOriginalFilename();//获取文件名加后缀 if(fileName!=null&&fileName!=""){ String returnUrl = ”*****“;//服务器存储路径 String fileF = FilenameUtils.getExtension(file.getOriginalFilename());//文件后缀 fileName=”*****************“;//新的文件名 //先判断文件是否存在,获取文件夹路径 File file1 =new File(returnUrl); //如果文件夹不存在则创建 if(!file1 .exists() && !file1 .isDirectory()){ file1 .mkdir(); } //将图片存入文件夹 targetFile = new File(file1, fileName); try { //将上传的文件写到服务器上指定的文件。 file.transferTo(targetFile); String gifName = "******";//图片oss上传根目录 String url=gifName+"/"+fileName; putObject(targetFile, gifName,fileName); str=““;//oss图片路径 } catch (Exception e) { e.printStackTrace(); } } return str; } public static void putObject(File file,String fileName,String fileName){ OSSClient ossClient=null; try { //初始化oss ossClient = ossIni(); //上传路径 String route=fileName+"/"+fileName; //上传图片 img-program--Bucket名称 ossClient.putObject("img-program",route,file); } catch (Exception e) { if (ossClient!=null) { ossClient.shutdown(); } e.printStackTrace(); } ossClient.shutdown(); } private static OSSClient ossIni(){ OSSClient ossClient = null; try { ossClient = new OSSClient(ENDPOINT,KEY_ID,KEY_SECRET); System.out.println("oss 初始化成功"); } catch (Exception e) { e.printStackTrace(); } return ossClient; } public static final String ENDPOINT="****************"; public static final String KEY_ID="*****************"; public static final String KEY_SECRET="****************";
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍微信小程序实现图片上传,包括了微信小程序实现图片上传的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下/p> 图片上传服务器: wxml wxss 思路很简单,多张上传的话,在 upImgs 方法回调做判断 index++ 继续调用 upImgs方法即可 以上就是本文的全部内容,希望对大家的学习有所帮助,也希
本文向大家介绍微信小程序实现图片上传功能,包括了微信小程序实现图片上传功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了微信小程序实现图片上传功能的具体代码,供大家参考,具体内容如下 前端:微信开发者工具 后端:.Net 服务器:阿里云 这里介绍微信小程序如何实现上传图片到自己的服务器上 前端代码 后端上传代码(将文件上传到服务器临时文件夹内) 设置配置文件上传文件对应的文件夹信息
本文向大家介绍微信小程序上传图片实例,包括了微信小程序上传图片实例的使用技巧和注意事项,需要的朋友参考一下 在网上看了好多小程序上传图片,java后端接收的示例,但是不管在哪个网站看的,代码基本是一样的,都是代码特别多。 所以就自己写一个比较简单的。 一 小程序端 user.wxml user.js 二 java端 图片存在了项目的temp目录下 简单就好,没其他功能,单纯上传图片。 以上就是
本文向大家介绍微信小程序实现文件、图片上传功能,包括了微信小程序实现文件、图片上传功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了微信小程序实现文件图片上传的具体代码,供大家参考,具体内容如下 在我看来微信小程序的功能挺强大的,提供了很多API让你直接使用。 这里我说一下微信小程序如何实现图片的上传 1、在微信公众号平台设置uploadFile合法域名 点击设置-开发设置,可以看
本文向大家介绍微信小程序实现图片上传、删除和预览功能的方法,包括了微信小程序实现图片上传、删除和预览功能的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了微信小程序实现图片上传、删除和预览功能的方法。分享给大家供大家参考,具体如下: 这里主要介绍一下微信小程序的图片上传图片删除和图片预览 布局 JS处理 希望本文所述对大家微信小程序开发有所帮助。
本文向大家介绍微信小程序上传图片到php服务器的方法,包括了微信小程序上传图片到php服务器的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了微信小程序上传图片到php服务器的具体代码,供大家参考,具体内容如下 js代码如下 PHP代码如下upload.php 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。