代理加盟 2019全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

您现在的位置: 秀站网 > 站长学院 > 建站教程 >

JS实现图片上传后多图片尺寸预览功能

来源:未知 发布时间:2019-03-30热度: ℃我要评论
前段时间做了一个会员头像上传,能自动生成多尺寸预览效果,当然如果你并不需要那么多尺寸的预览效果就用一个预览区即可。刚开始考虑采用ajax调用,但前台数据需要点击提交才能调用数据库内容,并不是同步预览,这条路并不通,因此还是采用JS的方法。 JS部分 先引用公...

崖柏造假过程模板秀站淘宝店开业,好礼送不停

? ? ? 前段时间做了一个会员头像上传,能自动生成多尺寸预览效果,当然如果你并不需要那么多尺寸的预览效果就用一个预览区即可。刚开始考虑采用ajax调用,但前台数据需要点击提交才能调用数据库内容,并不是同步预览,这条路并不通,因此还是采用JS的方法。

上传图片多尺寸预览

JS部分

? ? ? ?先引用公共JS库,下面增加


HTML部分

上传按钮CSS样式

? ? ? ?系统默认的上传按钮比较难看,分享案例的上传按钮样式

本文地址:https://www.xiuzhanwang.com/news/1411.html

    责任编辑:秀站网

    发表评论

    评论列表(条)