html5 上传图片,html如何上传图片并展示

　　复制代码代码如下：

　　！声明文档类型

　　html lang=zh-cn

　　头

　　meta charset=utf-8 /

　　meta name= author content= Edie lei /

　　titleHTML5图片上传预览/标题

　　脚本类型= text/JavaScript src= a href= http://Ajax。谷歌API。com/Ajax/libs/jquery/1。7 .2/jquery。量滴js /script http://Ajax。谷歌API。com/Ajax/libs/jquery/1。7 .2/jquery。量滴js /script/a

　　脚本类型=文本/javascript

　　$(function(){

　　$(#img ).change(function(){

　　var文件=this。文件[0]；//选择上传的文件

　　var r=new FileReader()；

　　r.readAsDataURL(文件);//Base64

　　美元.load(function(){

　　$(div ).html( img src= this。结果 alt= /)；

　　});

　　});

　　});

　　/脚本

　　/头

　　身体

　　h3HTML5图片上传预览/h3

　　input id= img type= file accept= image/* /

　　分区/分区

　　/body

　　/html

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。