ajax图片上传+字符串信息

//图片上传使用formdata,其中file是图片,time时所需要上传的一个字段,time是在上一个js中声明的,究其方法自行百度

//$("#upload")中upload是标签id,使用原生ajax上传

$("#upload").on('change',function(){
        var files= $(this).get(0).files;
        var file = this.files[0];
        if (!/image\/\w+/.test(file.type)) {
            alert("只能选择图片");
            return false;
        }

//判断图片类型        

if (file.type=="image/png"||file.type=="image/jpg"||file.type=="image/jpeg"||file.type=="image/JPG"||file.type=="image/PNG") {

        //如果有选择图片则上传图片
        var formData= new FormData();
        if(files.length>0){
            for(var i=0;i<files.length;i++){
            var timea=time.toString();
//append是将信息文件放到formdata中
                formData.append('files',files[i]);
                formData.append('time',timea);
            } 
            var xhr= new XMLHttpRequest();
            xhr.open('POST', 'servlet/UploadController');
            xhr.onreadystatechange = function(){
            if (xhr.readyState== 4&& xhr.status== 200){
                    //处理其他数据,这里根据需要进行调整
                }

            }; 

                    //发送ajax

            xhr.send(formData);
        }
     }
        else{
        alert("请选择png或jpg格式图片上传");
        return false;
        }
    });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值