Maison  >  Article  >  interface Web  >  js实现上传图片之上传前预览图片_javascript技巧

js实现上传图片之上传前预览图片_javascript技巧

WBOY
WBOYoriginal
2016-05-16 17:39:341073parcourir

上传图片对图片进行一下预览,可以了解图片上传后大概会是什么样子,此功能用js实现,然后在fileupload控件的change事件中调用,这样当用fileupload选择完图片以后,图片就会自动显示出来了。功能很简单,却很实用。

预览图片的js代码

复制代码 代码如下:



fileupload控件及用来预览图片的image:
复制代码 代码如下:


预览图片




功能很简单,代码也很易懂,相信不用我多废话大家也能看懂吧。感觉写这样的文章,真的没啥好说的,不多说,还是把重点放在代码上吧。
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn