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

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

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

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

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

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

相关·内容

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

-附件上传组件uploadify使用》以及《Web开发中文件上传组件uploadify使用》。...3、附件查看处理  多数情况下,我们可能需要查看上传文件,包括Office文档、图片等可以进行预览,是在不行,可以提供下载本地打开查看。...在基于EasyUIWeb开发也介绍了Office预览处理:《基于MVC4+EasyUIWeb开发框架经验总结(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可以参考,有问题欢迎随时撩,或者关注公众号获取更多信息。

2.6K20

前端下载图片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响应头,另外也必须以流形式返回

90920

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

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

86230

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.4K20

HTTP 协议下载文件响应设置

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

10.1K11

玩转前端图片上传

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

3K21

《项目架构那点儿事》——浅析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消息) 三、具体示例         示例写得很简单,大概就是举例一下,如何进行前后台交互...,以及响应不同返回类型。

81280

PHP使用HTML5 FileApi实现Ajax上传文件功能示例

分享给大家供大家参考,具体如下: FileApi是HTML5一个新特性,有了这个新特性,js就可以读取本地文件了,然后实现真正Ajax上传文件了,不是iframe方法,下面会介绍api使用,以及实现...Ajax上传文件 效果图: ?...11-fileApi.html文件: 页面中主要有一个上传文件按钮,如果有文件上传,onchange事件被响应,selfile函数调用,然后js读取上传文件、把文件名和大小显示在页面中、创建FormData...对象并添加数据、ajax上传文件预览上传文件效果。...: 首先判断是否有文件上传,然后判断上传是否成功,最后把文件复制到当前目录下upload目录下,文件名保持不变。

1.3K41

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

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

2.7K20

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脚本中内容是函数调用,该函数调用参数是服务器返回数据,为了获取这里参数数据,需要事先在页面中定义回调函数

87510

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

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

4.7K30

文件上传那些事儿

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

10.6K70

架构必备「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

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脚本中内容是函数调用,该函数调用参数是服务器返回数据,为了获取这里参数数据,需要事先在页面中定义回调函数

71010

H5 文件预览和下载

Author: Codec.Wang Date: 2020/06/04 今天前端小伙伴遇到这么一个问题:a 标签指向非同源一个文件,点击后会在浏览器中打开并预览文件不是下载它。...参考MDN,该属性表示让浏览器下载 URL 不是导航到它。...分别点击两个 a 标签,你会发现不加 download 会在浏览器中预览 config.json 文件加了 download 就会下载。...首先了解下 Content-Disposition,参考MDN,它表示响应内容以何种形式展示。如果值是 inline,表示是网页一部分;值为 attachment,表示以附件形式下载文件。...比如下面两个链接文件内容完全一致,都放在对象存储 COS 上面。第二个设置了 Content-Disposition 为 attachment。

1.8K20

Java实现浏览器下载功能

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

1.6K70
领券