如何在上传前用javascript显示图像

如何在上传前用javascript显示图像,javascript,jquery,html,Javascript,Jquery,Html,html部分 <asp:FileUpload class="fUploadStyle" runat="server" ID="fileupload" multiple="multiple" ClientIDMode="Static" /> <input style="width: 100px;" type="submit" runat="server" id="btnPreview" value="File Upload" onclick="filedetails();

html部分

 <asp:FileUpload class="fUploadStyle" runat="server" ID="fileupload" multiple="multiple" ClientIDMode="Static"  />
 <input style="width: 100px;" type="submit" runat="server" id="btnPreview" value="File Upload" onclick="filedetails(); return false;" />

<table id="tblUpload" style="margin: 0 auto;" border="1"></table>

tblUpload是创建的表id,我想我能帮上忙,但我不完全确定你在问什么。也许这是语言障碍。你能试着重新表述这个问题吗?好的,实际上我只是想在上传到数据库之前显示图像…但是使用tblUpload..这个MDN页面可能就是你想要的:
$(document).ready(function () {
    filedetails = function () {
        var input = document.getElementById("fileupload");
        var output = document.getElementById("tblupload");

        output.innerHTML = '<tr>';
        output.innerHTML += '<th class="thstyle" style="width: 400px;"><b>file name</b></th><th class="thstyle" style="width: 150px;"><b>preview image</b></th>';

        for (var i = 0; i < input.files.length; ++i) {
            output.innerHTML += '<td style="padding: 10px; width: 400px;">' + input.files.item(i).name + '</td>' +
            '<td style="padding: 10px; width: 150px; color: #0d47a1"> Show </td>';
        }
        output.innerHTML += '</tr>';
    }
});