在php中显示所选文件

Question

我有一个文件上传和上传图片，我希望它显示为缩略图。

在这里，我想将图像显示为缩略图。我用谷歌搜索但我没有得到我想要的东西。请帮助......

<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+")");
        }
       }
     });
   });