一 上传图片时的主要操作
1.准备好布局所需要的文件-布局好HTML页面的基本信息
2. 创建文件读取器-
3.文件读取器onload事件
4.文件输入框的点击事件-
5.文件输入框改变事件,改变时读取图片-
6.获取文件输入框里面的文件-
7.使用正则表达式判断读取的文件是否是需要的文件类型-使用文件读取器读取文件,并把文件转为URL(Base64编码)
8.上传图片所用到的知识点有:onchange 在元素值改变时触发 - attr 设置或返回被选元素的属性值 -target 最初触发事件的DOM元素-result 最后触发的那个处理函数的返回值 - hidden 隐藏 readAsDataURL 读取
正则表达式: 在正则表达式中\反斜杠 作为转义字符
使用|表示或则的含义
若想要匹配字符".“正则表达式为 .
\ 表示匹配一个反斜杠
二,1.上传图片时使用 :$.ajax(url,[settings]选项)
例:在发送请求时 $.ajax({
url:’@Url.Content(”~")’,
data:发送到服务器的数据
processData: false, 告诉jQuery不要去处理发送的数据
contentType:false, 告诉jQuery不要去设置Content-Type请求头
success: 请求成功后的回调函数
})