在php中顯示選中的文件

Question

我有一個文件上傳和上傳圖像，我希望它顯示爲縮略圖。

在這裏，我想顯示圖像作爲thumbnail.I GOOGLE了，但我沒有得到什麼，我want.Please幫助...

<script type="text/javascript"> 
    function readURL(input) { 
    if (input.files && input.files[0]) { 
     var reader = new FileReader(); 
     reader.onload = function (e) { 
     $('#test').attr('src', e.target.result); 
     } 
     reader.readAsDataURL(input.files[0]); 
     } 
    } 
</script> 

仍然沒有工作...

我把這段代碼放在主體中。

<form id="form1" runat="server"> 
<input onchange="readURL(this);" type="file" /> 
     <img alt="Image Display Here" id="test" src="#" /> 
    </form> 

Answer 1

<script type="text/javascript" src="jquery-1.8.0.min.js"></script> 
<img id="imagePreview"> 
<input id="uploadFile" type="file" name="image" class="img" />'; 
$(function() { 
$("#uploadFile").on("change", function() 
{ 
    var files = !!this.files ? this.files : []; 
    if (!files.length || !window.FileReader) return; // no file selected, or no FileReader   support 

    if (/^image/.test(files[0].type)){ // only image file 
     var reader = new FileReader(); // instance of the FileReader 
     reader.readAsDataURL(files[0]); // read the local file 

     reader.onloadend = function(){ // set image data as background of div 
      $("#imagePreview").css("background-image", "url("+this.result+")"); 
     } 
     } 
    }); 
    });