十分好用的图片上传及预览大图片小插件

92建站   2021-11-29   收藏本文
图片上传插件,图片预览插件

插件栏目:相册图片

插件类型:网页特效

语言编码:UTF8

下载对象:免费使用

这套十分好用的图片上传及预览大图片小插件,非常简单实用的jQuery多尺寸图片上传预览代码,演示里定义了三种常用的logo图片、头像图片、海报图片上传预览效果,放到模板里面就可以直接使用了。

【同款推荐:完美的手机端网页上传图片并裁剪截图代码

使用方法:

DIV部分

<p>上传头像</p>
<div class="upload imgLog2">
<span><i class="glyphicon glyphicon-open"></i>上传头像</span>
</div>

JS部分

<script src="js/index.js"></script>
<script>
    $(function(){
        var img2 = new ImgUpload('.imgLog2',100,100,100);
        
         $(document).on('change',".imgLog2 input",function(e){
            //模拟后台返回url
            var url = window.URL.createObjectURL(e.target.files[0]);
            $(this).parent().css('background','url('+url+')0% 0% / cover')
            img2.setSpan(this)
        })    

</script>

效果截图:

图片上传插件,图片预览插件

免责声明:本站模板均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。
展开