java web在后台上传的图片在网页中显示不出来|修改根访问路径

 

 

因为是初学者在设置url根路径content root的时候没有按照老师说的设置为“/”导致网页内图片一直加载不出来,解决办法:

右击项目文件——选择properties——选择web content settings——将web content设置为/

此处修改完后要记得去到Servers目录下的server.xml将<Context docBase="mgallery" path="/" reloadable="true" source="org.eclipse.jst.jee.server:mgallery"/></Host>这一行中的path改为“/”

为什么开始在/mgallery的根目录下加载不出来呢?

个人猜测是deploy path这个上传图片的路径默认为“/”,仅为个人猜测

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
后端以字节流的形式返回图片数据时,前端可以通过 Axios 请求获取字节流,并将其转换 Base64 编码的字符串。然后,可以使用该字符串作为图片的源来在前端网页显示。以下是一个示例代码: ```javascript // 发送 AJAX 请求获取图片字节流 axios({ url: '/image/imageName', // 替换为你的后端接口地址,其 'imageName' 是图片的名称 method: 'GET', responseType: 'arraybuffer', }) .then(response => { // 将字节流转换为 Base64 编码的字符串 const base64Image = btoa( new Uint8Array(response.data).reduce( (data, byte) => data + String.fromCharCode(byte), '' ) ); // 在前端网页显示图片 const imgElement = document.getElementById('image'); imgElement.src = 'data:image/png;base64,' + base64Image; }) .catch(error => { console.error('请求图片失败:', error); }); ``` 在上述代码,通过 Axios 发送 GET 请求获取图片字节流,并设置 `responseType` 为 `arraybuffer`,以便获取字节流数据。然后,将字节流转换为 Base64 编码的字符串,并将该字符串作为图片的源来显示。 在 HTML ,需要有一个具有对应 id 的 `<img>` 元素来显示图片: ```html <img id="image" alt="图片"> ``` 请确保将 `/image/imageName` 替换为你的后端接口地址,并将 `'imageName'` 替换为真实的图片名称。另外,请据实际情况调整图片类型(例如,将 `'image/png'` 替换为 `'image/jpeg'`)和图片格式(例如,将 `'png'` 替换为 `'jpg'`)。 以上代码示例使用了 Axios 库来发送 AJAX 请求,如果你没有使用 Axios,可以使用其他类似的 AJAX 库或原生的 `XMLHttpRequest` 对象来发送请求。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值