记一次前端直接上传图片到oss报错

本文讲述了前端在将图片直接上传到阿里云OSS时遇到的net::ERR_NAME_NOT_RESOLVED错误,通过与阿里云技术支持交流,发现问题是由于后端返回的region参数配置错误导致的域名拼接问题。作者还提到使用STS临时访问凭证访问OSS的过程和可能的其他错误排查资源。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前端直接上传图片到阿里云oss,相关过程官网和网上资料已经很详细,不做赘述。

但这个过程比较复杂,前后端对接过程中很容易出现报错,这里遇到了以下报错,不容易排查。

请求显示net::ERR_NAME_NOT_RESOLVED错误,catch输出如下:

 咨询了阿里云oss的技术支持

让我们ping了请求域名,发现ping不通,说明还没请求到阿里云节点。但前后端都没有配置域名,后猜测是ali-oss根据参数拼接的的域名

 对比技术支持给我们的能ping得通的域名和发起请求的域名,发现后端返回的region有问题。开头少了oss-,补上后就可以了。

其他错误可查看,有相关解析,比较好排查。

使用STS临时访问凭证访问OSS_对象存储-阿里云帮助中心

### UEditor 图片上传常见报错及解决方案 #### 一、未找到上传数据 当使用UEditor进行图片上传时,如果遇到提示“未找到上传数据”的错误,通常是因为请求被拦截所致。对于基于SSH框架的项目来说,这种现象较为普遍。确保服务器端能够正常接收到前端发送过来的数据包至关重要[^1]。 ```java // 假设这是Java环境下处理文件上传的部分代码片段 @RequestMapping(value="/upload", method=RequestMethod.POST) public String handleFileUpload(@RequestParam("file") MultipartFile file){ if(!file.isEmpty()){ try { byte[] bytes = file.getBytes(); Path path = Paths.get(UPLOAD_FOLDER + file.getOriginalFilename()); Files.write(path, bytes); return "You successfully uploaded '" + file.getOriginalFilename() + "'"; } catch (IOException e) { return "Failed to upload '" + file.getOriginalFilename() + "' => " + e.getMessage(); } }else{ return "Failed to upload empty file"; } } ``` #### 二、不兼容特定浏览器(如微信) 针对某些特殊浏览器环境下的兼容性问题,比如在微信内置浏览器中可能出现的问题,在`Ueditor.all.js`指定位置处存在可能导致异常执行路径的逻辑判断语句。简单地对该部分代码加以适当调整或注释掉不必要的验证条件往往可以有效缓解此类状况的发生[^2]。 #### 三、自定义存储方式支持 考虑到实际应用场景的需求多样性,默认情况下仅限于本地磁盘保存的方式显然不够灵活。为了实现更广泛的功能扩展,例如对接第三方对象存储服务(像阿里云OSS),则需修改原有固定模式的服务端接收程序逻辑,允许开发者自由设定目标地址来完成资源持久化操作[^3]。 #### 四、非开发环境中使用的注意事项 对于生产部署而言,可能会触发额外的安全机制或者其他配置项影响正常使用体验。以Vue集成为例,通过定制化的组件封装形式绕过了默认行为限制的同时也提供了更加便捷高效的交互界面设计思路;同时注意检查网络状态以及跨域资源共享策略设置是否合理[^4]。 #### 五、后台调试信息干扰 最后值得注意的是,在一些PHP框架内(例如ThinkPHP),全局性的开关选项也可能间接造成意想不到的结果。具体表现为即使按照官方文档指引完成了相应参数调整之后仍然无法顺利提交表单内容至远程服务器。此时应仔细排查是否存在多余的响应头信息混入最终输出流当中,并及时关闭不必要的跟踪功能以便恢复正常运作流程[^5]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值