Ajax不能提交附件的原因

最新推荐文章于 2021-09-04 16:40:09 发布
原创 最新推荐文章于 2021-09-04 16:40:09 发布 · 2.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ajax #javascript #浏览器 #input

本文解释了为什么Ajax不能直接上传文件，这是因为JavaScript出于安全考虑不能直接操作文件。文章进一步阐述了在使用Ajax时如何通过变通的方式实现文件上传，并区分了浏览器读取文件与JavaScript读取文件的不同。

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

Ajax是基于JavaScript的，而js出于安全考虑是不能操作文件的，所以Ajax不能直接上传附件，可以用其他变通方式实现。 
但是Ajax提交也是基于HTTP协议的，它也分GET和POST提交方式，可以把表单内容放到消息体中，这和Form.submit()是一样的，为什么用form.submit()就可以处理附件，而Ajax就不可以呢？

 

优快云论坛提问得到解答：问题关键是你用js如何读取客户端文件的内容？？用js获取内容肯定存在权限问题 ，js出于安全考虑是不能操作文件的。

用表单的input控件来提交文件时，获取客户端内容是浏览器负责的，而不是js来负责。

 

一个是浏览器负责读取本地文件，一个是开发者写的JS读取本地文件，出于安全考虑，后者显然没有权限

jQuery ajax附件上传（支持多附件）
09-06
jQuery ajax附件上传（支持多附件），单个附件、多个附件都支持，里面有注解，jQuery ajax附件上传（支持多附件），单个附件、多个附件都支持，里面有注解
Ajax附件
11-18
Ajax相关程序附件
jquery Ajax提交表单（使用jquery Ajax上传附件）
gukehui2012的博客
11-29 1920
用过jquery的Ajax的人肯定都知道，Ajax的默认编码方式是”application/x-www-form-urlencoded“，此编码方式只能编码文本类型的数据，因此Ajax发送请求的时候，会把data序列化成 一个个String类型的键值对,此种传输数据的方式能够满足大部分应用场景，然而当传输的数据里有附件的时候，此序列化机制便是我们的绊脚石。Ajax本身的序列化机制的硬伤归其原因在于
通过jQuery Ajax提交表单数据时同时上传附件
03-01 199
1、使用场景：需要使用ajax提交表单，但是提交的表单里含有附件上传 2、代码实现方式： <!-- HTML代码 --> <form method="post" action="" enctype="multipart/form-data" id="J-add-form"> <input type="file" name="qr_code...
Ajax提交参数的值中带有html标签不能提交成功的解决办法（ASP.NET）
10-20
Base64编码通常用于在Web环境中传输二进制文件，例如图片或附件，以及在不支持非ASCII字符的场合中传输文本数据。 在本案例中，Base64编码的应用主要用于解决含有HTML标签的Ajax参数提交问题。因为某些HTML标签可能...
SpringMVC使用Ajax异步提交请求完成登录-附件资源
03-02
SpringMVC使用Ajax异步提交请求完成登录-附件资源
使用jquery Ajax实现上传附件功能
10-17
为了解决这个问题，作者提出了一种方案，即通过Ajax提交一个设置了enctype="multipart/form-data"属性的form表单对象。这里的FormData对象可以方便地从整个form中获取数据，并且能够以适合文件传输的方式进行编码。...
Ajax实现附件上传
weixin_30576859的博客
05-30 779
前两篇文章有介绍使用form.submit实现附件的上传，但是这种方式使用起来很不方便，如过需要再上传成功以后执行一些其他的操作的时候比较麻烦。下面我为大家介绍下使用ajax实现附件上传的功能： 1.使用FormData对象上传附件： <!DOCTYPE html> <html> <head lang="en"> <me...
$.ajax()方法详解及ajax如何post提交附件及参数
hbhouse的博客
10-24 3687
$.ajax()方法详解 jquery中的ajax方法参数总是记不住，这里记录一下。 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。 3.timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。 4.async: 要求为Boolean
ajax上传附件到服务器
11-08
包含了ajax上传附件到服务器的前后台代码
Ajax上传文件
Onetiger_的博客
05-22 878
使用Ajax上传文件的话，就需要用到FromDate。FormData 对象，可以把form中所有表单元素的name与value组成一个queryString，提交到后台。在使用Ajax提交时，使用FormData对象可以减少拼接queryString的工作量。...
ajax无法实现文件上传
Debug_zhang的博客
04-28 577
折腾了好几个小时，终于放弃使用Ajax来实现无刷新上传，在网上深入了解了一些资料后，方才明白：AJAX技术无法用来实现文件上传，无论是sajax 还是xajax。因为ajax是基于javascript，出于安全性考虑，javascript是无法读取任何客户端文件的。所以，要实现无刷新的文件 上传，还得考虑其他的办法……
ajax如何提交表单附件,通过jQuery Ajax提交表单数据时同时上传附件
weixin_29589063的博客
08-05 1113
1、使用场景：需要使用ajax提交表单，但是提交的表单里含有附件上传2、代码实现方式：发布function submitStoreInfo(){var formData = new FormData(document.getElementById("J-add-form"));$.ajax({url:'xxx.php',type:'post',data:formData,cache: false,...
jQuery Ajax 上传附件
love249的博客
06-27 432
页面代码 <form name="form" enctype="multipart/form-data" id="form" action="" method="post"> <div class="addBox" style="min-height:0px;"> <div style="padding:5px 10px;"> ...
html ajax上图附件,使用jquery Ajax实现上传附件功能
weixin_35761085的博客
06-08 171
用过jquery的Ajax的人肯定都知道，Ajax的默认编码方式是”application/x-www-form-urlencoded“，此编码方式只能编码文本类型的数据，因此Ajax发送请求的时候，会把data序列化成 一个个String类型的键值对,此种传输数据的方式能够满足大部分应用场景，然而当传输的数据里有附件的时候，此序列化机制便是我们的绊脚石。Ajax本身的序列化机制的硬伤归其原因在于...
【实战】AJAX之『大附件文件上传功能』
小管打天下的博客
09-04 659
一、基础知识 （1）appliaction/x-www-form-urlencoded form表单默认的编码格式就是appliaction/x-www-form-urlencoded <form enctype="value"> 把表单数据变成键值对的编码方式 （2）multipart/form-data 二进制形式的编码方式 用来传输文件 form表单也叫同步上传（跳转页面） （3）多文件上传 <input type="file" name="file[]" multiple /&gt
Ajax股票信息处理程序附件
标题“Ajax附件”与描述“Ajax相关程序附件”表明我们讨论的主题聚焦于Ajax技术及其相关的程序附件。Ajax是“异步JavaScript和XML”的缩写，是一种用于创建快速响应、动态网页的技术。这一技术的核心思想是通过利用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值