2021-06-08

最新推荐文章于 2022-04-10 16:34:09 发布
最新推荐文章于 2022-04-10 16:34:09 发布
阅读量37 收藏
点赞数
分类专栏： 文献 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55034241/article/details/117706003
版权
本文介绍了如何在客户端通过双击图片触发文件选择，利用jQuery处理文件选择事件，读取图片并预览，然后使用Ajax将图片上传到服务器。在控制器端，文件通过HttpPostedFileBase接收，检查文件夹，保存图片到指定路径。
摘要由CSDN通过智能技术生成

开发工具与关键技术： MVC
作者：黄富健
撰写时间：2021/6/8
一．
在这里插入图片描述

效果说明，客户端双击选择一张图片进行上传，上传到控制器所创建好的文件夹中。
二．HTML代码
在这里插入图片描述

1.一个文件类型的input标签和一个img标签。给input标签设置hidden隐藏属性，属性accept设置的是只允许照片显示。
三.jquery代码
在这里插入图片描述

1.打开文件选择弹窗。我这里利用个小技巧，双击img标签来触发input标签的单击事件打开弹窗。
2.
（1）监听input标签的chang事件
（2）当input标签发生改变时，获取用户选择的文件，并且判断用户选择的文件是否是图片类型
（3）声明FileReader对象把文件读取成URL格式，并赋值给img的src属性
3.
（1）封装一个函数，函数放到FileReader读取成功后来调用该函数
（2）声明一个空FormData对象来保存文件
（3）因为post和get是不能够将文件进行发送请求的，所以这里我是用到ajax进行发送请求的。
三．控制器代码
在这里插入图片描述

1.声明HttpPostedFileBase类来接收文件
2.判断存放文件的文件是否存在，不存在就创建一个。
3.判断上载过来的文件是否为空
4.给新的文件夹重命名，并且声明好保存的路径
5.最后进行保存

weixin_55034241
关注
专栏目录
FACTORY I_O 2021-06-08 08-17-10.mp4
06-11
factory io 场景之码垛机与博途虚拟仿真控制
kk 2021-06-08 09-53-24.mp4
06-08
91谷歌视频设置
2021-01-08
weixin_45404781的博客
01-08 928
typedef struct tagCOPYDATASTRUCT { DWORD dwData; //用户自定义字段 DWORD cbData; //数据长度 PVOID lpData; //内容指针 } COPYDATASTRUCT;
2021-06-08 kali卸载程序
qq_57939909的博客
06-08 1058
ali中主要为2种卸载方法： 1、apt 2、dpkg 使用apt的方式有： apt-get remove [package] apt-get remove --purge # ------(package 删除包，包括删除配置文件等) apt-get autoremove --purge # ----(package 删除包及其依赖的软件包+配置文件等 使用dpkg dpkg -r#移除一个已安装的包。 dpkg -P#完全清除一个已安装的包。和 remove 不同的是，re...
2021-08-06
qq_40850266的博客
08-06 2244
1.服务提供方 <!--nacos--> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId> <version>0.2.
2021-06-08 gitlab删除大文件
热门推荐
LeonShih的博客
06-08 1万+
0.背景 开发的时候误将proguardMapping.txt 加入版本管理, 该文件较大,MB级别,每次发包都会生成的文件,导致gitlab 提交Merge Request的时候经常合并失败,提示500 1. 拉取项目:将项目 所有分支 拉下来 (单分支 直接clone即可) git clone xxx # 默认拉取master分支 cd xx #进入拉取的文件夹 git branch -r | grep -v '\->' | while read remote; do git branch --t
5G+防疫机器人研究报告[2021-06-08]（34页）.pdf
05-18
5G+防疫机器人研究报告[2021-06-08]（34页）.pdf
leetcode2-golang-at-ocado:课程的官方存储库2021-06-01/2021-07-08
06-29
leetcode 2 投入生产 可用的注释和代码： [第 1 周] - Golang 介绍 <-- 已添加 其他资源 [第 1 周] 除此之外，我建议用 Go 做一些算法类型的任务。 [第 2 周] 测试 - 查看 Gomock ...是一个很好的网站
MVC中的过滤器
weixin_55034241的博客
03-28 2433
MVC中的过滤器 1.什么是过滤器 大家都知道在Asp.net MVC中控制器Controller对客户端发送的请求进行处理，那么如果我们想要在Action处理的前后加上一些额外的处理逻辑,比如权限验证，身份验证，之类。这时候我们就要用到过滤器 在ASP.NET MVC的请求处理过程中有19个管道事件，这些事件分布在请求处理的各个节点中，比如BeginRequest(开始处理请求时触发)、AuthenticateRequest(对请求进行身份验证时触发)、AuthorizeRequest(对请求进程授权时触
abstract 关键字的使用
weixin_55034241的博客
12-09 1493
abstract 关键字的使用 1.abstract:抽象的 2.abstract：可以用来修饰的结构：类，方法 3.abstract：修饰类：抽象类 –此类不能实例化 –抽象类中一定有构造器，便于子类实例化的时调用(涉及：子类对象实例化的全过程) –开发中，都会提供抽象类的子类，让子类对象实例化，完成相关的操作 4.abstract修饰方法：抽象方法 –抽象方法只有方法的声明，没有方法体 –包含抽象方法的类，一定是一个抽象类。反之，抽象类中可以没有抽象方法的 –若子类重写了父类中所有的抽象方法后，此子类方
2021-08-08
weixin_55034241的博客
08-08 1323
文件导出 开发工具与关键技术： MVC 作者：黄富健 撰写时间：2021/8/8 一、 1.使用linq语句对需要导出的数据进行查询，我这里进行了连表查询。 二、 1.引用NPOI 2.使用NPOI创建工作簿和工作表并设置好工作表名称 3.创建第一行为标题行，设置行高35。在第一行中创建单元格，设置第一个单元格的内容为学生信息 4.创建第二行为表头行，分别给对应的单元格设置好内容 三、 1.创建动态数据 2.利用循环遍历查询出来的数据 3.创建第三行，分别将动态数据加到第三行的单元格中 四、 1.遍
Sql语法总结
weixin_55034241的博客
03-20 684
Sql语法 1创建数据库表 2查询 连表 查询 自连接查询 相关子查询 3.新增 4.删除 5.修改
数据库连接池
weixin_55034241的博客
02-24 661
数据库连接池 一，JDBC数据库连接池的必要性 1.在使用开发基于数据库的web程序时，传统的模式基本时按以下步骤 ①在主程序（如servlet,beans）中建立数据库连接 ②进行sql操作 ③断开数据库连接 2.这种模式开发，存在问题： ①普通的JDBC数据库连接使用DriverManager,每次向数据库建立连接的时候都要将Connection加载到内存中，再验证用户名和密码（得花费0.05s~1s的时间）。需要数据库连接的时候，就向数据库要求一个，执行完毕后再断开连接。这样的方式将会消耗大量的资源
Java集合
weixin_55034241的博客
12-19 433
Java集合 一，概述 1.集合，数组都是对多个数据进行存储操作的结构，简称java容器 2.数组在存储多个数据方面的特点 –一旦初始化后，其长度就确定了 –数组一旦定义好了，其元素类型就确定了。我们也就只能操作指定类型的数据了‘ 3.数组在存储多个数据方面的缺点 –一旦初始化以后，其长度就不可修改 –数组中提供的方法非常有限，对于田间，删除，插入数据等操作，非常不便，同时效率不高 –获取数组中实际元素的个数的需求，数组没有现成的属性或方法可用 –数组存储数据特点：有序，可重复。对于无序，不可重复的需求，不
Filter过滤器
weixin_55034241的博客
03-08 378
Filter过滤器 1，Filter什么是过滤器 Filter过滤器它是JavaWeb的三大组件之一。三大组件分别是：Servlet程序，Listener监听器，Filter过滤器 Filter过滤器它是javaEE的规范。也就是接口 Filter过滤器它的作用是：拦截请求，过滤响应 拦截请求常见的应用场景有： 权限检查 日记操作 事物管理 2，Filter的使用 要求：在你的web工程下，有个admin目录。这个admin目录下的所有资源（html页面，jpg图片，hsp文件，等等）都必须是用户登录之后才
JSP理解
weixin_55034241的博客
03-01 363
Jsp理解 1.什么是jsp，它有什么用? jsp的全换是java server pages。java的服务器页面 jsp的主要作用是代替Servlet程序回传html页面的数据. 因为Servlet程序回传html页面数据是一件非常繁琐的事情。开发成本和维护成本都极高。 jsp如何访问： jsp页面和html页面一样，都存放在web目录下。访问也跟访问html页面一样。 比如 在web目录下有如下文件： web目录 a.html页面 访问地址是======》http://ip:port/工程路径/a.ht
【无标题】
weixin_55034241的博客
04-10 362
Aop 1.什么是Aop Aop意为:面向切面编程，通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术。Aop是OOP的延续，是软件开发中的一个热点，也是Spring框架中的一个重要内容，是函数式编程的一种衍生范型，利用Aop可以对业务逻辑的各个部分进行隔离，从而使得业务各部分之间的耦合度降低，提高程序的可重用性，同时提高开发的效率。 2 Aop在Spring中的作用 提供声明式事务：允许用户自定义切面 •横切关注店：跨越应用程序多个模块的方法或功能。即是，与我们业务逻辑无光，但是我们需要关注
扮演个python2021-01-01 周五 7° -6° 多云~晴 西南风2级 2021-01-02 周六 8° -2° 多云 东风2级 2021-01-03 周日 8° -1° 多云 东北风3级 2021-01-04 周一 9° 1° 多云~阴 东北风2级 2021-01-05 周二 4° 0° 阴 东北风3级 2021-01-06 周三 2° -7° 阴 北风3级 2021-01-07 周四 -4° -7° 多云 北风4级 2021-01-08 周五 1° -9° 晴~多云 西北风3级 2021-0
最新发布
05-17
1-01-01 周五 7° -6° ...2021-01-06 周三 2° -7° 阴 北风3级 2021-01-07 周四 -4° -7° 多云 北风4级 2021-01-08 周五 1° -9° 晴~多云 西北风3级 以上是2021年1月1日到1月8日的天气情况，你需要我帮你做什么？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值