oss上传图片

最新推荐文章于 2022-01-23 10:43:11 发布
最新推荐文章于 2022-01-23 10:43:11 发布
阅读量542 收藏
点赞数
分类专栏： java后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35334804/article/details/79472251
版权

<body>
<div>
<p>店铺门图：</p>
<div class="updatebox">
<div class="update-header">
<input id="upload_imgurl" type="button" />
</div>
<div class="update-header1" style="float:left;margin-top:0px;" >
</div>
<input type="hidden" id="imgurl" name="imgurl" value=""/>
<div class="update-imgbox">
<div class="update-img" id='img_imgurl' 
style="background:url() center no-repeat;background-size:100% auto">
</div>
</div>
</div>
 <input type="hidden" id="hdBasePath" value="<%=basePath%>">
</div>
 
<div id="p" class="easyui-progressbar"  style="width:400px;"></div>
</body>


<script type="text/javascript">
$(function(){
var basePath = $("#hdBasePath").val();
upLoadSingleFile(basePath, basePath+ "/user/upload.do","", "upload_imgurl","imgurl","img_imgurl")
})

</script>

JS

function upLoadSingleFile(base_dir, my_upload_url, my_file_types, my_bound_btn,
file_url,viewId) {
if (my_file_types === "" || my_file_types === undefined) {
my_file_types = "*.jpg;*.png;*.jpeg;";
}


var flashurl = base_dir + "/js/swf/swfupload.swf"


return new SWFUpload(
{
upload_url : my_upload_url, // 后台处理路径
flash_url : flashurl, // flash加载路径
file_size_limit : "5 MB", // 文件大小限制
file_upload_limit : "30", // 允许上传文件的数量,0为无限制
file_queue_limit : "1", // 上传队列允许等待文件的数量
file_types : my_file_types, // 文件类型
file_types_description : "Image Files", // 文件类型说明
file_post_name : "filedata", // 文件名称,默认为Filedata，Linux下只能用默认名称
file_dialog_start_handler : fileDialogStart,
file_queued_handler : fileQueued,
file_queue_error_handler : fileQueueError, // 出错时执行的函数
file_dialog_complete_handler : function(numFilesSelected,
numFilesQueued) {
if (numFilesSelected > 1) {
layer.msg('您好，只能选择一个附件~');
} else {
this.startUpload();
}
},
upload_start_handler : uploadStart,
upload_error_handler : uploadError,


// 处理进度条
upload_progress_handler : function(file, bytesLoaded,
bytesTotal) {
//使用easyui设置进度条;
var value = $('#p').progressbar('getValue'); 
if (value < 100){ 
value=bytesLoaded*1.0/bytesTotal;
   $('#p').progressbar('setValue', value); 
}
},


// 清空进度条
upload_complete_handler : function(file) {
//开始上传,也就是恢复上传按钮
this.startUpload();
//进度条关闭
$.messager.progress('close');
},


// 上传成功回调函数
upload_success_handler : function(file, result, callback) {
var $fileurl = $('#' + file_url);
if ($fileurl) {
if (result != null) {
var objResult = $.parseJSON(result);
if (objResult.success) {
$("#"+viewId).css(
{
"background" : "url("
+ objResult.msg
+ ") center no-repeat",
"background-size" : "100% auto"
});
$fileurl.val(objResult.msg.substr(objResult.msg
.substr(0,
objResult.msg.lastIndexOf('/'))
.lastIndexOf('/') + 1));
} else {
alert(objResult.msg);
}
}
}
},


// 关于按钮的一些属性设置
button_placeholder_id : my_bound_btn, // 绑定按钮的id
button_text : "<span class='redText'>从本地上传图片</span>",
button_text_style : ".redText {color: #ffffff;font-size: 14px; font-weight:800;}",
button_image_url : base_dir + "/images/btn_upload_back.png",
button_width : 140,
button_height : 34,
button_text_top_padding : 8,
button_text_left_padding : 22,
button_cursor : SWFUpload.CURSOR.HAND, // 鼠标样式
button_action : SWFUpload.BUTTON_ACTION.SELECT_FILES, // 单文件上传

});

controller

/**
* 上传附件 图片
*/
@RequestMapping("/upload")
public void upload(HttpServletRequest request,
HttpServletResponse response) throws Exception {
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
WebController web = new WebController();
web.upload(multipartRequest, response, "img_folder","haimi1",
"LTAI6Lp9fhuEZXXb","zKEWaGIxcO2R2LLThLprzofmKrfHXd", "http://haimi1.oss-cn-beijing.aliyuncs.com/",
"http://oss-cn-beijing.aliyuncs.com");

}

/**
*不同尺寸压缩图片上传方法
*folder:图片存放的位置
*bucketName：阿里云oss上传服务bucketname
*access_id：阿里云oss上传服务APPID
*access_key：阿里云osss上传服务key
*resourcePath：图片和附件存放服务器地址
*endpoint:阿里云oss上传服务endpoint
*/
@RequestMapping("/upload")
public void upload(HttpServletRequest request,
HttpServletResponse response, String folder, String bucketName,
String access_id, String access_key, String resourcePath,
String endpoint) throws Exception {
response.setCharacterEncoding("UTF-8");
response.setContentType("text/html;charset=UTF-8");
CommonsMultipartResolver multipartResovler = new CommonsMultipartResolver();
if (multipartResovler.isMultipart(request)) {
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
Iterator<String> it = multipartRequest.getFileNames();
while (it.hasNext()) {
MultipartFile file = multipartRequest.getFile((String) it
.next());
if (file != null) {
// 1、上传到服务器临时文件夹
String uploadFileName = file.getOriginalFilename();
String nfix = "";// 后缀名
if (StringUtils.isNotBlank(uploadFileName)) {
nfix = uploadFileName.substring(uploadFileName
.lastIndexOf("."));
}
String nowDate = DateUtil.getNowShortDate();// 当前时间（年月日）
String fileName = UUID.randomUUID().toString() + nfix;
String key = folder+"/"+ nowDate + "/" + fileName;// 文件名


ALiYunUtil aliyun = new ALiYunUtil(endpoint, access_id,
access_key);
if (aliyun.uploadObject(file, bucketName, key,
".ipeg,.jpg image/jpeg")) {
aliyun.shutDown();
return;
} else {
// 移动失败
aliyun.shutDown();
System.out.println("上传失败");
return;
}
}
}
}
System.out.println("上传失败");
return;
}

刘小猿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
OSS 上传图片
LYR 的博客
02-15 377
final OSS oss; final AliOssProperties ossProperties; @RequestMapping("/file") public R uploadFile(@RequestPart MultipartFile file) throws IOException { String newFileName = AliyunOssUtil.getNewFileName(ExtUtil.fileExtName(file.getOrigi.
阿里云OSS文件上传和下载完整指南
最新发布
weixin_74268571的博客
05-27 4015
阿里云OSS上传与下载详细说明
android 集成 OSS 上传图片
04-12
4. **上传图片** - **选择图片**：使用Android的`Intent`来打开图片选择器，让用户选择图片。 - **读取图片**：通过`BitmapFactory`读取选中的图片并转换为字节数组。 - **创建上传请求**：创建`PutObjectRequest...
阿里云OSS上传视频上传图片sdk及样例代码
03-17
在这个场景中，我们将重点关注如何使用阿里云OSS SDK进行视频和图片的上传。 阿里云提供了多种语言的SDK，便于开发者集成到自己的应用中。在给定的文件`VodUploadSDK-PHP_1.0.2`中，我们看到的是PHP版本的SDK，用于...
阿里云oss上传照片js 、jquery
07-27
在"js oss上传照片.txt"文件中，应该包含了实现这些功能的源代码示例，你可以参考其中的函数和API调用来理解整个上传流程。记住，在实际项目中，确保遵循最佳安全实践，保护用户数据和你的应用安全。
Android Oss上传图片的使用示例
08-27
以上就是Android应用中使用阿里云OSS SDK上传图片的基本流程。记得在实际应用中，要根据项目需求进行适当的错误处理和用户体验优化，例如显示上传进度、处理网络中断等。同时，确保与后端的交互安全，避免敏感信息...
golang阿里云oss图片上传
01-12
golang阿里云oss图片上传
OSS批量上传图片
03-03
OSS远程上传附件文件，单个多个，可以对文件删除
上传文件或者图片到OSS
12-21
使用的控制台，根据文件或者图片的Base64字符串将相对应的文件或者图片上传到到OSS
OSS图片上传工具
04-17
OSS图片上传工具,用于oss上传图片测试用，
OSS图片上传
LongoingCHU的博客
01-23 488
使用场景 : 项目开发时 , 针对项目需要上传图片的部分一般使用第三方的服务器作为图片或文件的存储 以阿里云Oss图片上传为例 public class UploadUtil { //注意com后面有"/" public static final String ALI_DOMAIN = "https://******.oss-cn-shenzhen.aliyuncs.com/"; public UploadUtil() { } public static String
oss图片上传
rolinabc的博客
08-02 7563
1.背景 最近处理了一个需求，将图片的上传方式由原来的公有上传，改为oss私有上传方式。刚开始听到的时候有点懵，什么是私有上传，oss又是什么。所以这篇文章就当作是给大家科普啦～ 2.什么是对象存储oss 比较官方的解释是：对象存储OSS是在云上提供无层次结构的分布式存储产品，为用户提供单价较低且快速可靠的数据存储方案。用户可通过云服务器实例或互联网使用 Web API 接口存储和检索数据。在 OSS 上的数据，用户使用指定域名的 URL 地址，通过 HTTP/HTTPS 协议存储和检索每个独立的数.
阿里云OSS上传图片
haijun1993的博客
05-09 543
package com.qhiex.core.tools; import java.awt.image.BufferedImage; import java.io.ByteArrayInputStream; import java.io.IOException; import java.io.InputStream; import java.util.Date; import javax.im...
阿里云oss 上传图片
six_teen的博客
12-01 2541
之前使用过阿里云的oss储存服务，也写了一个上传图片的代码，但是最近在写东西的时候发现对这方面又比较陌生，而且发现在官网找文档也有点费劲，所以把代码写出来之后特地写个博客记录一下，以防以后还需要用到。 首先在官方文档中https://help.aliyun.com/document_detail/84781.html 找到简单上传中的文件流上传 可以根据这段代码进行改善，成为自己需要的代码。 阿里云oss上传文件之前需要开通这个服务并且创建一个bucket，这方面的创建可以结合文档创建适合自己的bucke
oss上传图片java
04-19
我可以回答你关于oss上传图片的问题，你可以参考以下代码： ```java // 需要引入aliyun-java-sdk-core和aliyun-java-sdk-oss的依赖包 import com.aliyun.oss.OSS; import com.aliyun.oss.OSSClientBuilder; import com.aliyun.oss.model.PutObjectRequest; import com.aliyun.oss.model.PutObjectResult; // 以下是上传图片的代码示例 public class OssUtil { // endpoint 和 accessKeyId 和 accessKeySecret 需要从阿里云控制台获取 private static final String endpoint = "http://oss-cn-hangzhou.aliyuncs.com"; private static final String accessKeyId ="yourAccessKeyId"; private static final String accessKeySecret ="yourAccessKeySecret"; private static final String bucketName ="yourBucketName"; // 需要提前创建好bucket // 上传图片 public static boolean uploadImage(String objectName, String filePath) { OSS ossClient = new OSSClientBuilder().build(endpoint, accessKeyId, accessKeySecret); try { PutObjectRequest putObjectRequest = new PutObjectRequest(bucketName, objectName, new File(filePath)); PutObjectResult putObjectResult = ossClient.putObject(putObjectRequest); return true; } catch (Exception e) { e.printStackTrace(); return false; } finally { ossClient.shutdown(); } } } ``` 以上是一个简单的oss上传图片的代码示例，仅供参考。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值