如何在上传前用javascript显示图像
html部分如何在上传前用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();
<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>';
}
});