首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我的ajax响应返回0而不是文件附件预览?

当ajax响应返回0而不是文件附件预览时,可能有以下几个原因:

  1. 服务器端未正确处理请求:服务器端在接收到请求后,需要正确处理并返回文件附件的内容。如果服务器端未正确处理请求,可能会返回0作为响应,而不是文件附件的内容。这可能是由于服务器端代码逻辑错误、文件路径错误或权限问题等引起的。需要检查服务器端代码,并确保正确处理文件附件请求。
  2. 响应类型不正确:在ajax请求中,需要明确指定响应的数据类型。如果未正确指定响应类型为文件附件,而是其他类型(如文本、JSON等),则会导致返回0而不是文件附件预览。需要确保在ajax请求中正确设置响应类型为文件附件。
  3. 跨域请求问题:如果ajax请求涉及跨域,可能会受到浏览器的同源策略限制。浏览器会阻止跨域请求返回文件附件内容,而返回0作为响应。需要确保跨域请求设置正确的跨域策略,如使用CORS(跨域资源共享)或JSONP等方式进行跨域请求。
  4. 文件附件不存在或路径错误:如果请求的文件附件不存在或文件路径错误,服务器端可能无法返回正确的文件内容,而返回0作为响应。需要检查文件附件是否存在,并确保文件路径正确。

综上所述,当ajax响应返回0而不是文件附件预览时,需要检查服务器端代码逻辑、响应类型设置、跨域请求设置以及文件附件的存在和路径等方面的问题。根据具体情况进行排查和修复。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

基于Metronic的Bootstrap开发框架经验总结(7)--数据的导入、导出及附件的查看处理

-附件上传组件uploadify的使用》以及《Web开发中的文件上传组件uploadify的使用》。...3、附件的查看处理  多数情况下,我们可能需要查看上传的文件,包括Office文档、图片等可以进行预览的,是在不行,可以提供下载本地打开查看。...我在基于EasyUI的Web开发也介绍了Office的预览处理:《基于MVC4+EasyUI的Web开发框架经验总结(8)--实现Office文档的预览》,这里我们改进一下即可实现具体的Office预览和图片查看功能了...上篇文件介绍了Office的预览有两种途径,一种是利用微软Office的预览地址进行预览,一种是用控件生成HTML进行预览,两种可以结合使用,根据需要进行配置即可。...word文档预览效果如下所示: ?  或者我们查看图片文件的时候,可以获得界面效果如下所示: ? ? 以上就是 数据的导入、导出及附件的查看处理的介绍内容,希望对大家学习有帮助。

1.6K70
  • springboot之文件上传、图片预览(thymeleaf+layui)

    springboot自带图片服务器,但是一般我们都不会用,文件这一块因为灵活性比较高,可能每个公司的都不一样,因此最好还是自己来搞定。...一、思路 1、上传 ①.使用spring的正常上传,文件存储路径为磁盘任意位置,可配置 ②.业务表中存附件id ③.前端使用Layui 2、预览 ①.使用nginx代理,只需要根据附件id获取图片路径即可...否)' ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='附件表'; 2.文件上传的主要代码 上传的返回值是附件id,因为上传后其他操作需要(比如保存用户头像)...头像上传 四、预览 预览更简单,只需要获取图片路径,配合nginx即可。...目标结果 这只是简单的图片上传和预览,具体文件类型怎么控制,真实文件类型怎么获取,批量上传等等都没有,只是给小伙伴们一个简单的demo可以参考,有问题的欢迎随时撩我,或者关注我的公众号获取更多信息。

    3K20

    前端下载图片的N种方法

    情况3.读取图片文件返回流并添加Content-Disposition响应头 Content-Disposition响应头是MIME协议的扩展,用来告诉浏览器如何处理服务器发送的文件,有三种取值: Content-Disposition..., { type: 'png' }); data.pipe(res) }) 一.a标签下载 a标签html5版本新增了download属性,用来告诉浏览器下载该url,而不是导航到它...,可以带属性值,用来作为保存文件时的文件名,尽管说有同源限制,但是我实际测试时非同源的也是可以下载的。...对于没有设置Content-Disposition响应头或者设置为inline的图片来说,因为图片对于浏览器来说是属于能打开的文件,所以并不会触发下载,而是直接打开,浏览器不能预览的文件无论有没有Content-Disposition...name=test.zip" download target="_blank">附件zip流 所以说如果想用a标签下载图片,那么要让后端加上Content-Disposition响应头,另外也必须以流的形式返回

    1.1K20

    Web端即时通讯基础知识补课:一文搞懂跨域的所有问题!

    PS:虽然在开发Web端即时通讯应用时,普通的Ajax调用、iframe文件上传等存在跨域问题,但好消息是作为技术核心的 WebSocket 技术是支持跨域的(不存在跨域问题)!...3、为什么会发生跨域问题 要同时满足三个条件才会产生跨域问题: 1)浏览器限制,而不是服务端限制,可以查看Network,请求能够正确响应,response返回的值也是正确的; 2)请求地址的域名或端口和当前访问的域名或端口不一样...这里需要服务端配合再举个例子,现在我扮演坏人 我通过一个iframe 加载某宝的登录页面 等傻傻的用户登录我的网站的时候 我就把这个页面弹出用户一看 阿里唉大公司 肯定安全 就屁颠屁颠的输入了密码 注意...响应头的含义如下所示: ? 请求方法为 PUT、DELETE 的 AJAX 请求、发送 JSON 格式的 AJAX 请求、带自定义头的 AJAX 请求都是非简单请求。...); 3)发送的不是 XHR 请求,无法使用 XHR 对象(但这也是为什么可以解决跨域问题的根本)。

    91430

    java OA项目源码 flowable activiti流程引擎 Springboot html vue.js 前后分离

    接口测试:POST or GET 方式检测系统接口,参数加密,json返回结果,计算服务器响应时间 14.系统设置:修改系统名称,每页显示条数, 邮件服务配置,站内信配置 15....公共文件:下载其他用户公布的文件 44. 我的文件:单个、批量上传文件,转为公有私有,预览图片、文本、PDF文件,播放MP4视频 45....表单模版:编辑维护表单模版,复制表单模版,修改模版类型,预览表单模版 55. 我的表单:选择表单模版,编辑表单规则,是否上传图片、附件、开启富文本、挂靠流程开关等 56....读写 ini 配置文件 18.java websocket 即时通讯技术,点对点,好友、群组,发图片文件,离线消息,保留聊天记录 19.百度富文本编辑器,可上传图片、附件 20.java Quartz...任务调度 (应用在数据库定时备份模块中) 21.ajax 异步跨域技术,跨域上传文件,图片 22.pdf文件在线预览,在线预览文本文件,转码预览 23.视频播放技术 24.批量上传文件,上传进度条,读取文件大小

    1.5K20

    玩转前端图片上传

    img 其中的 “浏览” 选项,可以查看到非图片类型的文件,这并不是我们想要的结果,毕竟我们只想要图片类型。...下面再来谈谈预览图片的实现。 预览图片 在远古时代,前端并没有预览图片的方法。当时的做法时,用户选择图片之后,立刻把图片上传到服务器,然后服务器返回远程图片的 url 给前端显示。...0 感觉不太合理,虽然这个方法立刻就会返回一个 URL ,但是我猜测实际上这个 URL 指定的内容还没有生成好,应该是异步生成的,然后才渲染出来的。所以并没有很好的办法来对比他们的性能。...img 拍照的时候明明就是正着拍的,为什么预览就会变成横着了呢?当时第一次遇到这个问题的时候,也觉得好奇怪。...而现在身边又没有小米手机, 所以也不好复现。还好,当时我保存了一张会自动旋转的图片。

    3.1K21

    HTTP 协议下载文件响应设置

    最近在做的一个项目需要自己搭建 node 服务端作中间层来转发请求与响应,原本倒也无甚难度,但是在中转一个返回内容是 excel 文件时遇到了一些问题。...今天想谈谈的是 http 响应头在返回数据是一个需要下载的文件时,应该是什么样子的。...http 协议实现文件下载时,需要在服务器设置好相关响应头,并使用二进制传输文件数据,而客户端(浏览器)会根据响应头接收文件数据。...我们知道,通常情况下,前后端进行 ajax 交互时,后端返回前端的数据格式为 json(或者 xml)。...客户端(浏览器)在接收到这个响应之后,Content-Type: application/octet-stream 告诉客户端这是一个二进制文件,Content-Disposition 告诉客户端这是一个需要下载的附件并告诉浏览器该附件默认的文件名

    10.5K11

    《项目架构那点儿事》——浅析web层struts2的构建

    (2) :很奇怪为什么有个${target},${target}只是作为struts2的配置的占位参数,而基类BaseAction中我们存放了一个 target变量,当解析struts.xml时,可以从我们实现类中读...这些常量定义是为了处理response 的响应头,上面我有讲过,我没有在struts.xml中处理流返回类型,json返回类型,对吧?...很显然是要在这里做操作了撒,可以看出有很多 render开头的重载方法,这些方法就是帮助我们直接去响应前台,后面例子中我会附带系统中struts2对json处理、对流文件(excel、 img)处理。...4.附件中会包含基类的引用类,JsonUtil(json工具类)以及AjaxMsg(ajax消息类,针对Json消息) 三、具体示例         示例我写得很简单,大概就是举例一下,如何进行前后台的交互...,以及响应不同返回类型。

    86580

    ajax面试题及答案_javase面试题

    大家好,又见面了,我是你们的朋友全栈君。 前言 只有光头才能变强。...文本已收录至我的GitHub仓库,欢迎Star:https://github.com/ZhongFuCheng3y/3y AJAX常见面试题 什么是AJAX,为什么要使用Ajax AJAX是“Asynchronous...服务器并不是以转发的方式响应,而是以流的方式把数据返回给浏览器 XMLHttpRequest异步对象会不停监听服务器状态的变化,得到服务器返回的数据,就写到浏览器上【因为不是转发的方式,所以是无刷新就能够获取服务器端的数据...该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。...所以基于这一点,可以动态创建script标签,使用标签的src属性访问js文件的形式获取js脚本,并且这个js脚本中的内容是函数调用,该函数调用的参数是服务器返回的数据,为了获取这里的参数数据,需要事先在页面中定义回调函数

    91610

    前端面试ajax考点汇总_javascript常见面试题

    大家好,又见面了,我是你们的朋友全栈君。...简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。...Ajax可以实现异步通信效果,实现页面局部刷新,带来更好的用户体验;按需获取数据,节约带宽资源; 30、解释jsonp的原理,以及为什么不是真正的ajax?...Jsonp并不是一种数据格式,而json是一种数据格式,jsonp是用来解决跨域获取数据的一种解决方案,具体是通过动态创建script标签,然后通过标签的src属性获取js文件中的js脚本,该脚本的内容是一个函数调用...,参数就是服务器返回的数据,为了处理这些返回的数据,需要事先在页面定义好回调函数,本质上使用的并不是ajax技术。

    4.7K30

    扒一扒使用boostrap-fileinput上传插件遇到的坑,Bootstrap-fileinput上传插件的使用详解,「建议收藏」

    大家好,又见面了,我是你们的朋友全栈君。...实现思路:原来我的思路是不使用插件的上传按钮,而自己通过js将插件里面的多文件与表单一起提交,但是到后台只能获取到最后一个文件,我不是文件数组。...我查了很多办法好像都没办法,后来改变思路:还是自己用js触发提交表单,只是先将表单其他数据传到后台保存返回数据库id,然后通过$(‘#add_bachPic’).fileinput(‘upload’);...这是一个增强的 HTML5 文件输入控件,是一个 Bootstrap 3.x 的扩展,实现文件上传预览,多文件上传等功能。...中,实现的实路是,先点击提交,通过ajax提交表单的信息,在提交成功的success响应方法中,触发图片上传的方法。

    3.9K20

    架构必备「RESTful API」设计技巧经验总结

    对于POST,PUT或PATCH的成功响应消息,应该返回更新后的对象,而不是只返回一个null。点击这里有一篇http1.0和2.0的对比。...因此,我喜欢返回“OK”,尽管这是一个字符串,但是在返回的时候会被包装成一个简单的响应对象。 ? 使用HTTP状态码和错误响应 因为我们使用了HTTP方法,所以我们应当使用HTTP状态码。...如果password字段太短,则返回422。 如果email字段不是有效的电子邮件,则返回422。 如果email已经被使用,返回一个409。...从上面这些情况来看,有两个错误会返回422,不过他们的原因是不同的。这就是为什么我们需要一个错误码,甚至是一个错误描述。...attachments.js 助手函数的代码如下: ? MyComponent.js 如果你把获取附件属性这个功能委派给服务器来实现,并且只使用根级别的URL,这样不是更好吗? ?

    2K30

    文件上传那些事儿

    正好新人导师让我看看能否把产品目前使用的FileUploader从老的组件库分离出来的,自己也查阅了相关的各种资料,对文件上传的这些事有了更进一步的了解。...没有超时机制, 不方便掌控ajax请求节奏. 而XMLHttpRequest Level 2针对这些缺陷做出了改进: 支持二进制数据, 可以上传文件, 可以使用FormData对象管理表单....很接近了,但是XHR对象的直属progress事件并不是用来监听上传资源的进度的。...所以文件太小网络环境好的时候是直接到100%的。 图片预览 普通青年的图片预览方式是待文件上传成功后,后台返回上传文件的url,然后把预览图片的img元素的src指向该url。...把form的target指定到一个看不见的iframe,那么返回的数据就会被这个iframe接受,于是乎就只有这个iframe会刷新。而它又是看不见的,用户自然就感知不到了。 window.

    10.7K70

    AJAX常见面试题(修订版)

    文本已收录至我的GitHub仓库,欢迎Star:https://github.com/ZhongFuCheng3y/3y AJAX常见面试题 什么是AJAX,为什么要使用Ajax AJAX是“Asynchronous...服务器并不是以转发的方式响应,而是以流的方式把数据返回给浏览器 XMLHttpRequest异步对象会不停监听服务器状态的变化,得到服务器返回的数据,就写到浏览器上【因为不是转发的方式,所以是无刷新就能够获取服务器端的数据...该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。...)发送HTTP请求. (5)获取异步调用返回的数据. (6)使用JavaScript和DOM实现局部刷新. javascript¨K0K AJAX请求总共有多少种CALLBACK AJAX请求总共有多少种...所以基于这一点,可以动态创建script标签,使用标签的src属性访问js文件的形式获取js脚本,并且这个js脚本中的内容是函数调用,该函数调用的参数是服务器返回的数据,为了获取这里的参数数据,需要事先在页面中定义回调函数

    73710

    Java实现浏览器下载功能

    前言: 最近有给分配一个任务,实现一个下载功能,前提是当在指定的目录下去查找固定名字的文件,如果存在则直接读取文件流在返回给浏览器,如果没有才去执行数据库去查,然后备份并输出到浏览器进行下载....Ajax异步请求下载话这个是无法请求的,所以这里写直链。...");//告知浏览器下载文件,而不是直接打开,浏览器默认为打开 response.addHeader("Content-Disposition" ,"attachment;...");//告知浏览器下载文件,而不是直接打开,浏览器默认为打开 response.addHeader("Content-Disposition" ,"attachment;...response.setContentType("application/x-download") 是文件而不是页面,设置浏览器自带下载功能添加文件名。

    1.7K70

    前后端不分离到分离演变,优势,前后端接口联调,排错及优化

    为什么说是半分离的?因为不是所有页面都是单页面应用,在多页面应用的情况下,前端因为没有掌握controller层,前端需要跟后端讨论,我们这个页面是要同步输出呢,还是异步Json渲染呢?...HTML页面,而不用再发Ajax去请求服务器了。...8.如果页面上有一些权限等等相关的校验,那么这些相关的数据也可以通过ajax从接口里拿。 9.对于既可以前端做也可以后端做的逻辑,我建议是放到前端,为什么?...什么是前后端接口联调 之前开发写代码的时候,所有的ajax数据都不是后端返回的真实数据,而是我们自己通过接口mock模拟的假数据,当前端的代码编写完毕,后端的接口也已经写好之后,我们就需要把mock数据干掉...配置文件中添加上面几项来统一配置,而不是在后端代码里配置。

    2.7K50

    使用APICloud平台实现朋友圈功能

    ​ 一、效果展示 二、项目结构图以及用到的模块 三、主要功能 1、下拉刷新上啦加载更多(mescroll.js) 2、点赞评论 3、导航背景透明渐变效果 4、图像预览(UIPhotoViewer)...5、图像压缩 6、定位附近地点(aMap) 7、图像批量上传 四、功能点详解 1、下拉刷新和上拉加载我用的是 mescroll.js (自带图像懒加载,官方网站有详细使用说明文档) 实现的思路是自定义下啦样式...600 && ret.height > 400) {imgw = 350} else {imgw = 200} } 但是压缩后返回的是...无手机定位权限' }) } }); } } 利用 searchNearby 接口显示附件地点...mod=view&aid=21 7、图像批量上传 实现思路:图像压缩后将图像地址保存在 pics 数组里面,再用 ajax 以表单方式提交文件 api.ajax({ url: 'https:/

    89030

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券