jQuery实现的上传图片本地预览效果简单示例

本文实例讲述了框架实现的上传图片本地预览效果。分享给大家供大家参考，具体如下：

！DOCTYPE html html hearteta charset=' UTF-8 '标题www。jb51。net jquery上传图片本地预览效果/title/head dyscript type=' text/JavaScript ' src=' http :http://代码。jquery。com/jquery-1。8 .2 .量滴js '/脚本输入id=' upload '类型=' file ' img id=' preview ' src=' http : '脚本类型=' text/JavaScript ' $(' # upload ').change(function(){ //获取文件列表的第一个元素alert(document.getElementById('上传')。文件[0]);var f=文档。getelementbyid('上传').文件[0];src=窗口网址。createobjecturl(f)；document.getElementById('预览')。src=src })/脚本/正文/html运行效果：

更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery图片操作技巧大全》 、 《jQuery表格(table)操作技巧汇总》 、 《jQuery切换特效与技巧总结》 、 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery常见经典特效汇总》 及《jquery选择器用法总结》

希望本文所述对大家框架程序设计有所帮助。