php本地预览图片,jQuery上传图片本地预览效果实例讲解

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

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

www.jb51.net jquery上传图片本地预览效果

$('#upload').change(function(){

// 获取FileList的第一个元素

alert(document.getElementById('upload').files[0]);

var f = document.getElementById('upload').files[0];

src = window.URL.createObjectURL(f);

document.getElementById('preview').src = src

})

运行效果：

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

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

jQuery实现上传图片前预览效果功能

网上很多代码实现了上传图片这个功能，但不支持实时预览图片，下面实现了上传图片前预览效果功能，具体如下

效果如图：

代码如下：

jQuery上传图片之前可以预览效果

function c () {

var r= new FileReader();

f=document.getElementById('file').files[0];

r.readAsDataURL(f);

r.οnlοad=function (e) {

document.getElementById('show').src=this.result;

};

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持码农之家。

以上就是本次给大家分享的关于java的全部知识点内容总结，大家还可以在下方相关文章里找到相关文章进一步学习，感谢大家的阅读和支持。