首页 > 代码库 > js上传图片预览

js上传图片预览

2024-07-23 19:48:06   225人阅读

最近项目中用到的图片上传前预览功能，兼容IE6-9，FF 

<body>
            <input type=file name="doc" id="doc" onchange="javascript:setImagePreview();">



由于项目中有多个上传按钮，需要针对网上示例作一些修改，实际使用代码：

复制代码
function setImagePreview(fileObj, previewObj, localImg) {

var docObj=document.getElementById(fileObj);
var imgObjPreview=document.getElementById(previewObj);
if(docObj.files && docObj.files[0]){
    //火狐下，直接设img属性
    imgObjPreview.style.display = ‘block‘;
    imgObjPreview.style.width = ‘120px‘;
    imgObjPreview.style.height = ‘80px‘;
    //imgObjPreview.src = http://www.mamicode.com/docObj.files[0].getAsDataURL();> 

}
js上传图片预览


联系
我们