带有文件上传的修改页面样式

最新推荐文章于 2024-08-21 15:30:03 发布

dada_6666

最新推荐文章于 2024-08-21 15:30:03 发布

阅读量2.3k

点赞数

分类专栏：上传文件样式

本文链接：https://blog.csdn.net/dada_6666/article/details/52860660

版权

上传文件样式专栏收录该内容

1 篇文章 0 订阅

订阅专栏

需求：带有文件上传的修改页面，想要显示之前上传过的文件

==================================================================================================================================

代码如下：

<tr class="update_fj_btx">
    <td width="10%" height="26" align="right" bgcolor="#F1F9FB"
        class="font05">
        附件：
    </td>
    <td width="90%" height="26" align="left" bgcolor="#FFFFFF"
        class="font05">
        &nbsp;
        <input type="file" name="upFile" style="display:none" onchange="fileChange();" id="upFile_update" />
        <a onclick="$('#upFile_update').click()" style="background-color:#E1E1E1; padding: 2px 8px; font-weight: 500; color: black; border: 1px solid #ADADAD;text-decoration:none;">浏览... </a>
        &nbsp;
        <input type="text" style="border:none;color:#2e6e9e;"readonly="readonly" id="attachmentName_update" value="未选择文件"/>
    </td>
</tr>


js:

function fileChange(){
     $('#attachmentName_update').val($("#upFile_update").val());
}