简单的上传图片+无刷新预览

浏览:612 发布日期:2018/03/24 分类:求助交流 关键字: 图片上传
<li style=" line-height: 30px;margin-top: 5px;width:100%">
<span style="display:inline-block;width:28%;">照片:</span>
             <input type="file" name="img[]"   onchange="preview(this)" style="height: 30px;line-height: 30px;width: 60%;border-radius: 5px;border: 1px solid #eeeeee;padding-left: 5px">
            <input type="hidden" id="tx_img" name="tx_img" value=""/>            <div id="preview">
                <img src="" width="200px;" >            </div>
            
            
            </li>
<script>
            //上传图片
function preview(file)  
{       
 
    var prevDiv = document.getElementById('preview');  
    if (file.files && file.files[0]){  
         var reader = new FileReader();  
          reader.onload = function(evt){  
          prevDiv.innerHTML = '<img src="' + evt.target.result + '" width="200px"  />';  
           document.getElementById('tx_img').value = evt.target.result;  
        }    
         reader.readAsDataURL(file.files[0]);  
    }else{  
            prevDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>';  
         }  

</script>
这段代码需要如何修改,可以直接将上传的图片地址插入数据库表,用户提交修改后再次浏览该页面时,上传图片按钮不再显示或者成灰色不能点击,直接显示用户提交的图片
最佳答案
评论( 相关
后面还有条评论,点击查看>>