本地浏览图片

    (function ($) {$.imageFileVisible = function (options) {// 默认选项var defaults = {//包裹图片的元素wrapSelector: null,//元素fileSelector: null,width: '100%',height: 'auto',errorMessage: "不是图片"};// Extend our default options with those provided.var opts = $.extend(defaults, options);$(opts.fileSelector).on("change", function () {var file = this.files[0];var imageType = /image.*/;if (file.type.match(imageType)) {var reader = new FileReader();reader.onload = function () {var img = new Image();img.src = reader.result;$(img).width(opts.width);$(img).height(opts.height);$(opts.wrapSelector).html(img);};reader.readAsDataURL(file);} else {alert(opts.errorMessage);}});};})(jQuery);$(document).ready(function () {//图片显示插件 上传input的id为hot1_img  图片的div id为#hot1$.imageFileVisible({ wrapSelector: "#hot1_img",fileSelector: "#hot1",width: 300,height: 300});$.imageFileVisible({ wrapSelector: "#hot2_img",fileSelector: "#hot2",width: 300,height: 300});});

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！