- // js代码
- Array.prototype.contains = function(item){
- return RegExp("\\\\b"+item+"\\\\b").test(this);
- };
- function changeImg(fileObj){
- var allowtype = ["JPG","GIF","PNG","BMP"];
- var file = fileObj.value;
- var img = document.getElementById($(fileObj).prev().children().children().attr("id"));
- var imgdiv = img.parentNode;
- if(file != ""){
- var fileType = file.substring(file.lastIndexOf('.')+1).toUpperCase();
- if(allowtype.contains(fileType)){
- if (fileObj.files && fileObj.files[0]){
- var reader = new FileReader();
- reader.onload = function(evt){img.src = evt.target.result;}
- reader.readAsDataURL(fileObj.files[0]);
- }else{
- imgdiv.setAttribute('style',
- 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)');
- fileObj.select();
- fileObj.blur();
- img.setAttribute("style","visibility: hidden");
- var src1= document.selection.createRange().text;
- imgdiv.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
- }
- return true;
- }else{
- alert("格式错误,请选择图片文件!");
- $(fileObj).focus();
- $(fileObj).val("");
- return false;
- }
- }else{
- imgdiv.removeAttribute("style");
- img.removeAttribute("style");
- img.setAttribute("src","img/default-portrait.png");
- return false;
- }
- };
- // 页面代码
- <span>上传图片</span>
- <div style="width:50px;height:50px;">
- <div id="imgdiv">
- <img id="imghead" src1="" alt="头像" class="imgHead">
- </div>
- </div>
- <input id="modHeadImg" onchange="changeImg(this)" class="checkAll" type="file" name="fileName">
- //该片段来自于http://www.codesnippet.cn/detail/2208201715248.html
来源: http://www.codesnippet.cn/detail/2208201715248.html