首页 » 前端开发 » 正文

jquery无刷新上传图片

<a onClick="getElementById('inputfile').click()" id="zhengmian">点击上传身份证正面</a>
<a onClick="getElementById('inputfile2').click()" id="beimian">点击上传身份证背面</a>

<input type="file" name="image" style="opacity:0;filter:alpha(opacity=0);" id="inputfile" accept="image/png,image/jpeg,image/gif"/>
<input type="file" name="image2" style="opacity:0;filter:alpha(opacity=0);" id="inputfile2" accept="image/png,image/jpeg,image/gif"/>
<input name="zhengmian_img" id="zhengmian_img" type="hidden" />
<input name="beimian_img" id="beimian_img" type="hidden" />
<script type="text/javascript">
$(document).ready(function(){
	//正面
    $("#inputfile").change(function(){
		$("#zhengmian").html("上传中...");
        //创建FormData对象
        var data = new FormData();
        //为FormData对象添加数据
        $.each($('#inputfile')[0].files, function(i, file) {
            data.append('upload_file', file);
        });
        $.ajax({
            url:'index.php?c=f_pro&a=upid1',
            type:'POST',
            data:data,
            cache: false,
            contentType: false,    //不可缺
            processData: false,    //不可缺
            success:function(data){
				if (data=="") {
					$("#zhengmian").html("点击上传身份证正面");
				} else {
					$("#zhengmian_img").val(data);
					$("#zhengmian").html("上传成功!");
				}
            }
        });
    });
	//背面
    $("#inputfile2").change(function(){
		$("#beimian").html("上传中...");
        //创建FormData对象
        var data = new FormData();
        //为FormData对象添加数据
        //
        $.each($('#inputfile2')[0].files, function(i, file) {
            data.append('upload_file', file);
        });
        $.ajax({
            url:'index.php?c=f_pro&a=upid2',
            type:'POST',
            data:data,
            cache: false,
            contentType: false,    //不可缺
            processData: false,    //不可缺
            success:function(data){
				if (data=="") {
					$("#beimian").html("点击上传身份证正面");
				} else {
					$("#beimian_img").val(data);
					$("#beimian").html("上传成功!");
				}
            }
        });
    });
});
</script>
function upid1() {
    $upfile=spClass("uploadFile");
    $filename=$upfile->upload_file($_FILES['upload_file']);
    echo $filename;
}
博主的文章或程序如果给您带来了价值,感谢您打赏一二
微信扫码支付 支付宝扫码支付

发表评论