解决ueditor编辑器中上传附件,查看内容时,无法下载附件

框架搭建:jsp+springMVC+mybitis。

问题描述:编辑器Ueditor中可以上传附件,内容编辑完以后,阅读内容时,显示附件,但是附件是使用标签a来显示。无法下载。

解决办法:监控内容中所有的a标签,被点击以后,出发点击事件,获取href附件地址,请求下载接口下载附件。

jsp:

<!-- 资源下载隐藏form -->
<form action="" id="sourceUploadForm" method="post" style="display: none;">
   <input type="hidden" name="sourceUrl" id="sourceUrl"/>
</form>

<!-- 内容显示div --><div id="content"> </div>

 

js:

//监控内容文档中所有a标签的点击事件
$('#content').on('click','a',function(){
    var sourceUrl = $(this).attr("href");
    //下载资源
    $("#sourceUploadForm").attr('action',sourceUploadURL);
    $("#sourceUrl").val(sourceUrl);
    $("#sourceUploadForm").submit();

    return false;
})

监控div id=content下所有a标签的点击。然后以form形式请求下载接口。该click事件必须以返回false,不然a标签执行完click内容以后会执行href连接跳转。返回false以后将不会执行后面的跳转。

 

java:

/**
 * ueditor编辑器附件下载
 * @param request
 * @param respnose
 * @param source
 * @return
 */
@RequestMapping("/sourceUpload")
@ResponseBody
public ResponseEntity<byte[]> sourceUpload(HttpServletRequest request, HttpServletResponse respnose, @ModelAttribute Source source) throws IOException {
   //获取系统间隔符
   String sepStr = System.getProperty("file.separator");
   String sourceUrl = source.getSourceUrl();
   String sourceUrlUpload = sourceUrl.replace("/",sepStr);

   String path = request.getSession().getServletContext().getRealPath(sourceUrlUpload);

   File file = new File(path);
   InputStream is = new FileInputStream(file);
   byte[] body = new byte[is.available()];
   is.read(body);
   HttpHeaders headers = new HttpHeaders();
   headers.add("Content-Disposition", "attchement;filename=" + file.getName());
   HttpStatus statusCode = HttpStatus.OK;
   ResponseEntity<byte[]> entity = new ResponseEntity<byte[]>(body, headers, statusCode);
   return entity;
}

对于下载比较大的附件,该方法可能会出现内存溢出的异常,因为我附件都不大,所以没有做特别处理。

String sourceUrl = source.getSourceUrl();

String sourceUrlUpload = sourceUrl.replace("/",sepStr);

这一块处理是为了适应linux和windows不同环境下路径的问题。

 

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值