Heim  >  Artikel  >  Web-Frontend  >  js实现上传图片之上传前预览图片_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 17:39:341073Durchsuche

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

预览图片的js代码

复制代码 代码如下:



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


预览图片




功能很简单,代码也很易懂,相信不用我多废话大家也能看懂吧。感觉写这样的文章,真的没啥好说的,不多说,还是把重点放在代码上吧。
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn