video、object、embed多媒体元素无法加载本地多媒体资源解决方案

当我们将视频上传并保存到tomcat等服务器文件夹时,

我们可能保存的路径可能是这样的E:\apache-tomcat-7.0.56\webapps\ExcellentCourse\uploadFiles\2015-03-19\20150319211935_495.mp4

当我们利用video、object、embed等多媒体元素播放时,可能需要将该路径放到src中,但是这样的路径是属于本地资源,浏览器对访问本地资源做了限制,当然这也是为了安全着想。既然没办法播放本地资源,而我们待播放的资源又确实上传到了服务器,那我们可以将其通过变换变化为服务器地址即可播放。

例:

本地地址:E:\apache-tomcat-7.0.56\webapps\ExcellentCourse\uploadFiles\2015-03-19\20150319211935_495.mp4

经过变换如下变换:

<span style="font-size:18px;">var path="<%=basePath%>"+attach.filePath.substring(attach.filePath.indexOf("ExcellentCourse")+16);
path=path.replace(/\\/g,"/");</span>

即可获得服务器地址: http://localhost:8080/ ExcellentCourse\uploadFiles\2015-03-19\20150319211935_495.mp4

说明:当然这存在一定的安全性,如考虑安全,则可以寻找其他方法。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值