js小学生图区_js读取本地图片并显示

版权声明：本文为博主原创文章，未经博主允许不得转载。

根据项目需要，需要选择本地图片并显示在页面上，然后上传至服务器。因为自身刚刚接触js,所以比较生疏，碰到问题吼，幸好有强大的网络，搜索很多有用的资源，现在将js读取本地图片并显示的代码总结一下，供大家使用，并给自己一个记录。

第一种方法：

//图片显示插件

(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(imageTyp