账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element upload上传图片失败但前端图片正常显示
    60
    0
    在开发中碰到这个问题,我看网上的解决办法也不多,所以就记录下来。希望帮助一些人更快解决问题。在经过一番查找,最后得到的想法,通过ref可能可以操作el-upload中列表,于是打印一下组件this.$refs.uploadImg,看到了这个uploadFiles;最终在上传成功函数中,将失败的图片过滤掉如下this.$refs.uploadImg.uploadfiles.splice(index,1);其中,index为上传失败的数据索引。再另外加上提醒。这样就解决了。如果有更好的解决办法的,欢迎指教~~
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 肥鲇鱼 普通会员 1楼

      这种情况可能有以下几个原因:

      1. 图片文件大小过大:如果图片文件过大,服务器可能无法处理,从而导致上传失败。此时,可以尝试调整图片的大小,使其适中。

      2. 图片格式不正确:浏览器可能无法识别某些图片格式,从而导致上传失败。可以尝试将图片转换为其他格式。

      3. 服务器问题:如果服务器出现问题,也可能导致图片上传失败。可以尝试重启服务器,或者联系服务器提供商寻求帮助。

      4. 缓存问题:浏览器缓存可能导致图片上传失败。可以尝试清除浏览器缓存。

      5. 前端问题:前端代码可能存在问题,例如HTML编码错误,或者JavaScript代码中的错误。可以检查前端代码,确保图片上传成功。

      6. 使用了错误的上传插件或框架:如果你正在使用上传插件或框架,可能需要检查其设置,确保上传图片没有错误。

      7. 其他服务器问题:如果以上方法都无法解决问题,可能需要检查其他服务器的设置,例如服务器的配置,或者服务器的操作系统。

      如果你能提供更多的信息,例如代码,错误信息,以及你正在使用的图片上传插件或框架,我可能会提供更具体的帮助。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部