本文介绍了如何通过input的type=file方式上传图片文件的方法，包括html部分，js部分和php部分，废话不说，直接上代码。

1、html部分，代码如下图所示

说明：

<div class="upload_box_right" style="display:none">

中的style="display:none"的作用是隐藏上传图片的原始的样式

<div class="tpyl" id="upload_header">

这个div区块的作用是展示用于上传和显示图片的区块，并添加提示文字“点击上传头像”。

2、js部分（将上传的图片显示出来）

3、php部分

封装成了一个方法，下面这个方法是用于上传多张图片使用的，如果是只上传单张图片，则不需要

$str .= ','.$url.$name[$k]

中的那个逗号（，）做url的间隔。