`
huangyongxing310
  • 浏览: 490364 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

百度ueditor图片上传到OSS问题解决

 
阅读更多
前端

UE.Editor.prototype._bkGetActionUrl=UE.Editor.prototype.getActionUrl;  
    UE.Editor.prototype.getActionUrl=function(action){  
        if (action == 'uploadimage' ||action== 'uploadscrawl' || action == 'uploadimage') {  
            return '<%=request.getContextPath()%>/totalmsg/upload';  
        }   else if(action == 'listimage'){  
            return this._bkGetActionUrl.call(this, action);  
        } else{  
            return this._bkGetActionUrl.call(this, action);  
        }  
    }  




//后端进行OSS保存

package com.oceano.modity.controller;

import java.io.IOException;
import java.util.HashMap;
import java.util.Map;
import java.util.Random;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;

import com.aliyun.oss.OSSClient;
import com.oceano.config.EnvironmentConfig;
import com.oceano.modity.util.ConstantUtil;

//ueditor图书文件上存

@Controller
@RequestMapping("/ueditorUpload")
public class ueditorUploadController {

    @Autowired
    EnvironmentConfig environmentConfig;

    private String randomFileName() {
	Random random = new Random();
	return System.currentTimeMillis() + random.nextInt(1000) + "";
    }

    @SuppressWarnings("unused")
    @RequestMapping(value = "/upload")
    @ResponseBody
    public Object upload(@RequestParam("upfile") MultipartFile file, HttpServletRequest request,
	    HttpServletResponse response) throws IOException {
	Map<String, Object> parm = new HashMap<>();
	// CommonsMultipartFile cf=(CommonsMultipartFile)file;
	// DiskFileItem fi = (DiskFileItem) cf.getFileItem();
	// InputStream fileContent = fi.getInputStream();
	// String fileName=fi.getName();
	// String suffix=fileName.substring(fileName.lastIndexOf("."));

	// 产品目录
	String uuid = request.getParameter("uuid");
	// 环境
	String environment = environmentConfig.getEnvironment();
	// 功能
	String function = request.getParameter("function");

	OSSClient ossClient = new OSSClient(ConstantUtil.END_POINT, ConstantUtil.ACCESS_ID, ConstantUtil.ACCESS_KEY);
	// while (iter.hasNext()) {
	// 取得上传文件
	// MultipartFile file = multiRequest.getFile(iter.next());
	System.out.println(file.getContentType());
	System.out.println(file.getOriginalFilename());

	// if(null == file){
	//
	// }

	if (null != file) {
	    try {
		String fileName = file.getOriginalFilename();
		String imageType = fileName.substring(fileName.lastIndexOf(".") + 1, fileName.length());
		String randomName = randomFileName() + "." + imageType;

		ossClient.putObject(ConstantUtil.BUCKET, ConstantUtil.BUCKET_FILE + "ueditorUpload/" + environment + "/"
			+ function + "/" + uuid + "/" + randomName, file.getInputStream());
		String imageUrl = "http://" + ConstantUtil.BUCKET + "." + ConstantUtil.END_POINT
			+ ConstantUtil.BUCKET_FILE + "ueditorUpload/" + environment + "/" + function + "/" + uuid + "/"
			+ randomName;

		parm.put("state", "SUCCESS");
		parm.put("url", imageUrl);
		return parm;
	    } catch (Exception e) {
		e.printStackTrace();
		parm.put("status", 500);
		return parm;
	    } finally {
		ossClient.shutdown();
	    }
	} else {
	    parm.put("state", "SUCCESS");
	    return parm;
	}
    }

}



https://blog.csdn.net/qq_39402549/article/details/78608711
分享到:
评论

相关推荐

    UEditor图片上传到后台

    UEditor是一款广泛应用于网页端的富文本编辑器,由百度公司开发。它的功能强大,支持多种格式的内容编辑,包括插入图片、链接、表格等。在实际应用中,开发者经常需要将其与后端服务进行集成,实现用户在编辑器中...

    ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能示例

    主要介绍了ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能,结合实例形式分析了ThinkPHP5使用富文本编辑器UEditor实现图片上传到阿里云的相关操作技巧,需要的朋友可以参考下

    UEditor例子,图片上传+视频上传

    在这个例子中,UEditor被修改以将用户上传的图片直接存储到OSS上,这样可以减轻服务器压力,同时提供稳定的图片访问服务。 3. **阿里云VOD(Video On Demand)**:视频点播服务是阿里云提供的一个全托管式视频处理...

    帝国CMS全站同步阿里云OSS和百度编辑器上传图片同步阿里云OSS支持粘贴上传图片

    最后,"百度编辑器整合oss.zip"很可能包含了一套完整的解决方案,集成了UEditor与阿里云OSS的图片上传功能,包括对粘贴图片的支持。安装和配置这个插件,可以省去手动修改UEditor源码的复杂工作。 总结而言,实现...

    百度编辑器+阿里云OSS上传 ueditoradmin.zip

    在本项目中,我们将利用UEditor的图片上传功能,将用户上传的图片直接保存到阿里云OSS上。 二、阿里云对象存储服务(OSS) 阿里云OSS是一种大规模、低成本、高可靠的云存储服务,可以存储任何类型的文件,包括图片...

    百度编译器,图片上传阿里云

    本篇将详细讲解如何使用百度编译器结合阿里云对象存储服务(OSS)实现图片上传功能。 首先,我们需要了解“百度编译器”(Baidu Editor,也称为UEditor),这是一个流行的JavaScript富文本编辑器,提供了丰富的文本...

    帝国CMS百度编辑器图片附件同步整合阿里云OSS

    它会接收UEditor上传的图片,然后利用阿里云OSS的SDK将图片上传到云端。此脚本可能还包含了错误处理和权限验证逻辑。 4. **部署和测试**:完成配置后,将更新后的帝国CMS和UEditor文件上传到服务器,并进行测试,...

    .net项目百度文本编辑器以及图片上传问题

    本文将详细讨论在.NET项目中集成百度文本编辑器时遇到的图片上传问题及其解决方案。 首先,我们要理解百度文本编辑器的工作原理。Ueditor是一个JavaScript组件,它在前端提供了一个富文本编辑界面。当用户在编辑器...

    ueditor for bos

    4. **文件上传策略**:在使用ueditor上传文件到BOS时,需要设置一个上传策略,这个策略包含了文件上传的相关规则和权限信息。这通常涉及到生成一个签名字符串,用于验证请求的合法性,防止非法操作。 5. **安全考虑...

    ueditor-springboot-demo

    8. **文件存储策略**:根据实际需求,选择本地存储、云存储(如阿里云OSS、腾讯COS)等方式来保存UEditor上传的文件,并配置对应的存储路径。 9. **部署WAR**:将打包好的WAR文件部署到支持SpringBoot的服务器(如...

    ueditor.rar

    3. 构造并返回JSON响应,告诉UEditor上传结果及图片URL。 4. 配置静态文件服务器或云存储,使UEditor可以访问到上传的图片。 通过这种方式,你可以将强大的UEditor编辑器与Go后端完美结合,为用户提供一个功能完善...

    ueditor-ssm-demo及aliyun.zip

    【ueditor-ssm-demo及aliyun.zip】这个压缩包文件是针对Web开发的一个实践案例,主要用于演示如何在Java Spring Boot(SSM)框架中集成并使用百度的UEditor富文本编辑器,并实现图片上传到阿里云存储服务的功能。...

    baidu-ueditor-utf8-net.rar

    《使用.NET实现Baidu UEditor上传至阿里云OSS的深度解析》 在现代Web开发中,富文本编辑器已经成为必不可少的工具,其中百度的Ueditor以其强大的功能和易用性备受开发者青睐。本篇文章将深入探讨如何在.NET环境下,...

    百度插件上传图片

    在本文中,我们将深入探讨如何实现一个基于WebUploader和Express的图片上传系统,该系统允许用户通过前端百度图片上传插件将图片发送到后端服务器,服务器处理并返回图片URL,以便在前端显示。让我们逐步解析这个...

    xueditor:对百度文本编辑器ueditor的封装,支持自定义上传文件的存储方式

    由于ueditor服务端代码写死了只能上传到本地存储,有的时候,我们希望将图片、视频等文件上传到其他地方,例如阿里云OSS上。这给我们开发带来不便。 xueditor对java版本的源码进行了改造,支持自定义上传文件的存储...

    重写后的帝国CMS百度编辑器

    5. 百度UEditor优化:可能的优化包括但不限于:增加视频压缩功能,减小文件大小;优化上传进度显示,提升用户体验;增加断点续传功能,避免因网络问题导致的上传失败;改进服务器端处理逻辑,比如使用异步处理,减少...

    yii2-ueditor:Yii2的编辑器

    百度编辑器 uEditor for Yii2 对百度的编辑器的部分不常用功能舍弃(比如 抓取远程图片,涂鸦等功能) 修改在线图片js,支持阿里云oss,七牛存储的简单在线管理 文件上传的驱动放弃源生代码,替换为 放弃自定义文件...

    百度编辑器

    可以顺利的结合阿里云OSS进行图片和视屏上传,编辑器内部无改动,仅修改controller.jsp文件,说明如下。 http://blog.csdn.net/u013024120/article/details/53581197

    SDCMS三网合一企业网站管理系统

    【新增功能】1、新增后台订单搜索的订单号查询2、新增对上传文件的安全检测3、新增PC端微信扫码登录4、新增微信App里微信绑定后自动登录5、新增附件上传记录到数据库5、删除附件时自动删除远程附件(OSS,...

Global site tag (gtag.js) - Google Analytics