jQuery上传图片预览插件,不上传就显示图片 | findtp插件网

findtp插件网

您现在的位置是:首页>图片内容页

Plugin

jQuery上传图片预览插件,不上传就显示图片

简介:

时间:2020-03-19

访问:482

下载

详情

jQuery上传图片预览插件,不上传就显示图片,非常方便

调用方法比较简单:

$(function(){
	var img1 = new ImgUpload('.imgLog',210,55,55);
	var img2 = new ImgUpload('.imgLog2',100,100,100);
	var img3 = new ImgUpload('.imgLog3',400,200,200);
	
	$(document).on('change',".imgLog input",function(e){
		//模拟后台返回url
		var url = window.URL.createObjectURL(e.target.files[0]);
		$(this).parent().css('background','url('+url+')0% 0% / cover')
		console.log(window.URL.createObjectURL(e.target.files[0]))
		
		img1.setSpan(this)
	})

	$(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)
	})	

	$(document).on('change',".imgLog3 input",function(e){
		//模拟后台返回url
		var url = window.URL.createObjectURL(e.target.files[0]);
		$(this).parent().css('background','url('+url+')0% 0% / cover')
		
		img3.setSpan(this)
	})						

})

链接: https://pan.baidu.com/s/1xMpeThYF4jFEGMMGH1MxrQ 提取码: vcqb

相关

相关评论

共有0条评论来说两句吧...