$("#btnLoadPhoto").upload({ url: "../UploadForms/RequestUpload.aspx?action=photo", type: "json", callback: calla })
//获得表单元素
HttpPostedFile oFile = context.Request.Files[0]
//设置上传路径
string strUploadPath = "temp/"
//获取文件名称
string fileName = context.Request.Files[0].FileName
补充：JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。
<!doctype html><html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script src="jquery-3.1.1.min.js"></script>
</head>
<body>
<h3>请选择图片文件：JPG/GIF</h3>
<form name="form0" id="form0" >
<input type="file" name="file0" id="file0" multiple="multiple" />
<br><br><img src="" id="img0" width="120">
</form>
</body>
<script>
$("#file0").change(function(){
var objUrl = getObjectURL(this.files[0])
console.log("objUrl = "+objUrl)
if (objUrl)
{
$("#img0").attr("src", objUrl)
$("#img0").removeClass("hide")
}
})
//建立一个可存取到该file的url
function getObjectURL(file)
{
var url = null
if (window.createObjectURL!=undefined)
{ // basic
url = window.createObjectURL(file)
}
else if (window.URL!=undefined)
{
// mozilla(firefox)
url = window.URL.createObjectURL(file)
}
else if (window.webkitURL!=undefined) {
// webkit or chrome
url = window.webkitURL.createObjectURL(file)
}
return url
}
$('input').on('change',function(){
var value = $(this).val()
value = value.split("\\")[2]
alert(value)
})
</script>
</html>
1 页面HTML内容
2 获取input[file]元素
3 对获取的file元素操作，也就是操作fileReader属性
1：Blob
2: File
3: FileList
4: FileReader
FileList ：
这里，默认状态下选择文件 每次files属性上FileList对象里只有一个file文件。
file对象中包含了name 文件名size type 文件类型lastModified 最后修改时间；
FileReader：异步读取本地文件内容；包括File 和Blob ；
创建FileReader对象读取file文件
关于fileReader的几个属性：
FileReader.error 只读一个 DOMException 代表在读取文件中出现的错误。 FileReader.readyState 只读一个数字表明的状态FileReader。这是以下之一：
FileReader.result 只读文件的内容。该属性仅在读取操作完成后才有效，并且数据的格式取决于使用哪种方法来启动读取操作。
fileReader的几个事件处理程序：
1 . FileReader.onbort:在读取操作中止时触发。
2 . FileReader.onerror:在读取操作遇到错误时触发。
3 . FileReader.onload:在读取操作成功完成时触发。
4 . FileReader.onloadstart:在开始阅读时触发。
5 . FileReader.onloadend:无论是否成功 只要读取操作完成都会触发。
6 . FileReader.onprogress:阅读Blob内容时触发。
FileReader的方法：
1 . FileReader.abort()中止读取操作
2 . FileReader.readAsArrayBuffer()完成时result属性包含ArrayBuffer表示文件数据
3 . FileReader.readAsBinaryString()完成时result属性将包含来自文件的原始二进制数据作为字符串。
4 . FileReader.readAsDataURL()完成时result属性包含data：表示文本数据的URL；
5 . FileReader.readAsText()完成时result属性包含文本的内容作为文本字符串。
