如何通过html上传照片（自定义上传图标）

最新推荐文章于 2024-07-23 09:00:00 发布

BruceCheng夏夏

最新推荐文章于 2024-07-23 09:00:00 发布

阅读量1.1w

点赞数 1

分类专栏：移动前端开发小随笔文章标签： input 上传图片 upload

本文链接：https://blog.csdn.net/brucecheng22/article/details/50008027

版权

本文介绍了在移动Web开发中如何使用HTML实现照片上传，特别是如何自定义上传控件的样式，以解决传统FileUpload控件样式不佳的问题。通过设置HTML表单，结合iframe实现无刷新上传，并给出了后台处理图片上传的提示。

摘要由CSDN通过智能技术生成

在移动web的开发过程中。我们常常会遇到这样问题。就是上传照片。那么我们所知道的上传控件其实有很多。

以.NET为例则有FileUpload控件。这个控件上传比较容易。但是样式比较丑陋。

接下来我们讲讲如何利用html上传照片。

废话不多说。我们来看一段html代码

  <td class="left"> 账号头像<span style="color: red; font-weight: bolder">*</span>：</td>
  <td>
    <div>
      <form enctype="multipart/form-data" target="filetarget" method="post" id="form" action="SystemLoginHandler.ashx?action=updateicon" style="margin-top:30px">
           <div class="upload-box">
                   <span class="pr dib vm upload-btn"><i class="dib upload"></i>
                   <div class="text">
                       <input type="file" name="uploadfile" class="pa uploadfile" style="overflow: