JS怎么实现图片预览效果

JavaScript014

JS怎么实现图片预览效果,第1张

<form action="" method="post" enctype="multipart/form-data" name="form1">

<img src=" " name="image" border=0 id="img"/>

<br />

<input name="picture" type="file" id="picture" onchange="img.src=this.value" />

</form>

不需要按钮,直接触发onchange事件就能实现~~~

$("#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即可。