上传文件和图片的限制的问题

开发工具与关键技术:Visual Studio 2015 请求数据的交互
作者:李国旭
撰写时间:2019年4月13日

在学习了ASP.NET MVC中我觉得文件的上传方式一定要用Post来提交,为了保证上传的文件数据的准确性,那为啥不用其他的方法呢?
在Ajax中也有“post()”但是这个post是通过远程 HTTP POST 请求载入信息。Open(method,url,async)这是一个规定请求的类型,URL,请求是否进行异步处理。Method:请求的类型,只有两种GET或POST;url:文件在服务器上的位置;async:true(异步)或false(同步)而send(string)是发送请求到服务器中,括号里面的string仅用于POST请求。那么在什么情况下需要使用POST呢?
首先,如果你缓存的文件不是一个选项或者说(更新服务器上文件或数据库);第二,发送到服务器的数据很大的时候,GET在这里就显得用不上了,而POST就没有什么大小的限制,而且我们在发送用户输入那些可以包含未知的字符,比如说:银行卡的密码账号这些重要的信息如果用GET很危险,这时候就得用POST来发送了;因为它更强大和安全性高。
下面我们一起来看一下下面这个例子(注明:本文图借鉴老师的)

用post请求方式提交数据,然后发送数据给FormData,如果文件大小超过20M,就会提示用户重新“请选择文件”,这也是为了避免上传的文件太大而导致上传缓慢,这样不利于用户的体验,所以就得加一个图片的限制它的大小,这样上传的会更快对用户的使用感觉好一点。

因此在后端设置它的文件大小大约30M左右这里面的两个属性:maxRequestLength属性:用于防止服务器被攻击,比如说因用户向服务器发送大文件而导致被拒绝访问。默认值为4096就是(4MB)

这里的change的改变事件首先声明一个对象为 (“files”)然后判断一下file里面是否有文件,这里如果不限制一下文件的大小的话,可能会导致文件上传失败,所以在开始文件上传的时候使用XMLHttpRequest这个方法,再new一个FormData对象,用“append”方法将第一个文件放入FormData;new一个XMLHttpRequest的对象。如果上传成功就需要刷新一下附件列表,否则就上传失败;而XMLHttpRequest对象是用于幕后与服务器交换数据,当然它也可以在不重载加载页面的情况下更新你的网页;第二在页面已加载从服务器请求数据或者接收数据。第三,就是后台向服务器发送数据。以上就是我对上传文件和图片的限制问题的总结,希望对大家能有所帮助!

上传文件和图片的限制的问题相关推荐

  1. Spring boot上传文件(图片)到阿里云OSS(直接上传到应用服务器)

    Spring boot上传文件(图片)到阿里云OSS(直接上传到应用服务器) 主要思路 上传图片的思路有两种: 第一种是上传到应用服务器,再由应用服务器上传到OSS.这种适合上传的文件较小,较为简单, ...

  2. sscom串口网络数据调试器使用post方法向华为云obs桶上传文件和图片

    原贴地址:sscom串口网络数据调试器使用post方法向华为云obs桶上传文件和图片-云社区-华为云 [摘要] 之前发了文章"postman使用post方法向华为云obs桶上传文件和图片&q ...

  3. Jeesite4本地及服务器上传文件、图片详解

    大家过年好,你们的老朋友小Q又回来了,最近一段时间忙于公司项目开发,又加上过年比较忙,所以没能留出时间更新内容,大家是不是有点着急了?公司最近在使用jeesite4开发项目,我呢,对这个框架一点也不熟 ...

  4. postman使用put方法向华为云obs桶上传文件和图片

    原贴地址:https://bbs.huaweicloud.com/blogs/298147 [摘要] postman使用put方法向华为云obs桶上传文件和图片.记录下过程. postman使用put ...

  5. ajax传图片以及后台接收,前端ajax上传文件,图片,后端nodejs接收文件;

    前端ajax上传文件,图片,后端nodejs接收文件: 学习了nodejs,就想实现一下有进度条的文件上传,html 在作这个功能的时候遇到的问题前端 用普通的ajax没法实现文件上传,只能post, ...

  6. SpringBoot修改上传文件(图片等)的默认大小(1048576 bytes)的解决方案!

    SpringBoot修改上传文件(图片等)的默认大小(1048576 bytes)的解决方案! 对于异常:FileSizeLimitExceededException: The field img e ...

  7. linux禁止客户端上传文件_图片/文件上传如此简单|macOS 图床客户端 uPic

    前言 相信很多人在写作(特别是需要多平台发布)的时候都会因为插图而增加工作量: 平台图片外链不允许在网站外部访问. 使用云图床服务上传流程复杂. 那么这些问题有没有办法解决呢,答案肯定是"有 ...

  8. ueditor1.4.3配置过程(包含单独上传文件以及图片的使用)

    这里使用的是ueditor1.4.3的jsp版本的UTF-8版本. 首先下载相应的ueditor,将ueditor文件夹直接拷贝到项目中,文件结构如下所示: 然后将项目要用的jar包导入到lib目录下 ...

  9. springmvc + ajaxfileupload 实现异步上传文件(图片)

    最近在做一个项目需要实现异步上传图片,在网上找了很多资料后,采用了ajaxfileupload可以实现,以下是核心代码: jsp: <!-- 上传窗口 --> <div id=&qu ...

最新文章

  1. C# 可以利用反射给只读属性赋值吗?
  2. python自动化测试视频百度云-Python接口自动化测试视频教程下载
  3. c++中函数模板的显示具体化
  4. 北师大听讲座-张建华-走近Russia
  5. 在JSF 2中对定制验证器进行参数化
  6. 听说IT人的目标都是成为架构师,那么请收下这份架构养成计划
  7. 【luogu4145】 上帝造题的七分钟2 / 花神游历各国 [线段树]
  8. Windows之磁盘的设备驱动堆叠
  9. java中如何生成随机数
  10. 如何用计算机制作海报,怎么用word制作海报_如何做宣传海报word
  11. 环境猫室内监测仪——您的空气智能管家
  12. Python练手项目:计算机自动还原魔方(5)最后一步
  13. 博士申请 | 美国达特茅斯学院杨耀青老师招收深度学习方向全奖博士生
  14. 一:log4j2配置文档
  15. ASP.NET WEBAPI实现微信接入验证
  16. javascript的基础-1
  17. i believe i can fly
  18. 中职计算机教师试讲技巧,中职教师资格试讲-20210628154146.docx-原创力文档
  19. storm mysql trident_storm trident实战 trident state
  20. android音频资源,android音频编辑之音频裁剪的示例代码

热门文章

  1. OpenWrt系统配置UCI
  2. 树的直径 证明 算法导论
  3. 使用process explorer根除弹框广告
  4. 庖丁解牛Linux内核分析 0x00:《庖丁解牛》
  5. Linux服务器进行DHCP配置
  6. 半钧先生:《请回答1988》
  7. Charm-crypto的安装以及简单实现的聚合签名算法
  8. 企业级高性能MYSQL的用法---------(二)----------半同步复制 和 全同步复制(组复制)
  9. php接收require,PHP页面相互调用require的用法
  10. 前沿分享|阿里云数据库事业部资深技术专家、生态工具产品部负责人 陈长城:一站式在线数据管理平台DMS技术解读