MVC照片上传

一、前端代码

1、tml代码

     1-1、accept—文件过滤（不能强制指定）

2、Jq/Js代码

2-1、图片上传到浏览器并显示

    2-1-1、使用FileReader()方法读取照片文件

    示例：

    2-1-2、文件读取器onload事件 在读取文件完成后触发

    示例：

evt.target.result为照片地址----下方有示例;

    2-1-3、<input/>--type:file的双击事件

实现方法：

实现方法具有多种—可自主发挥

 

    2-1-4、文件输入框改变事件，改变时读取图片

1、readAsDataURL---文件读取器读取文件。并把文件转为URL(Base64编码) 2、返回给onload事件

 

2-2、使用FormData()方法上传到后台

    2-2-1、给按钮绑定点击事件

二、控制器代码