upload相关

文件上传很有意思的

1.文件上传html

(1)文件上传

<div class="form-group row ">
    <label class="control-label col-md-1 col-sm-1 ">icon</label>
    <div class="col-md-5 col-sm-5 ">
        <input type="file" name="user_name<?php echo $i; ?>" placeholder="icon" onchange="readURL(this,<?php echo $i;?>);" required="">
    </div>
</div>
<div class="form-group row ">
    <label class="control-label col-md-1 col-sm-1 ">图片显示</label>
    <div class="col-md-5 col-sm-5 ">
        <img id="image<?php echo $i;?>" src="#" alt="" />
    </div>
</div>

(2)选择文件后显示文件（图片显示图片）

//点击选择的文件后 显示再页面上
function readURL(input,i) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $('#image'+i)
                .attr('src', e.target.result)
                .width(100)
                .height(100);
        };
        reader.readAsDataURL(input.files[0]);
    }
}

2.php后端代码

			//图片处理
			$fileInfo = $_FILES['ad_image'.$i];
			$image_tem = explode('.',$fileInfo["name"]);
			//图片名称
			$fileName = $image_tem[0].time().$i.'.'.$image_tem[1]; //文件名称
			$tmpName = $fileInfo['tmp_name']; //临时文件
			move_uploaded_file($tmpName, "libraries/admin/images/" . $fileName);

3.一般图片处理都放在后端，具体的验证方法后续提供

（文件类型，文件真实类型，错误号，文件大小，文件夹是否存在-创建与赋予权限...）