关于图片上传

1、图片类型的过滤

//过滤类型
    function fileType(obj){
        var fileType=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();//获得文件后缀名
        if(fileType != '.gif' && fileType != '.png' && fileType != '.jpg' && fileType != '.jpeg'){
            $("#tp").tips({
                side:3,
                msg:'请上传图片格式的文件',
                bg:'#AE81FF',
                time:3
            });
            $("#tp").val('');
            document.getElementById("tp").files[0] = '请选择图片';
        }
    }
    

2、图片的删除

//删除图片
    function delP(PATH,PICTURES_ID){
         if(confirm("确定要删除图片？")){
            var url = "pictures/deltp.do?PATH="+PATH+"&PICTURES_ID="+PICTURES_ID+"&guid="+new Date().getTime();
            $.get(url,function(data){
                if(data=="success"){
                    alert("删除成功!");
                    document.location.reload();
                }
            });
        } 
    }

 3、图片上传的预览

var file = this.files[0]; // 选择上传的文件
        var r = new FileReader();
        r.readAsDataURL(file); // Base64
        $(r).load(function() {
            $('.shop_img').html('<img src="' + this.result + '" alt="" /><a class="photo_add">修改</a>');
        });

 4、H5的上传组件

//保存文件
        var fileObj = document.getElementById("PHOTO").files[0]; // 获取文件对象
        var FileController = "organization/webMarkertEdit"; //获取路劲
         // FormData 对象
        var form = new FormData();
        //判断是否上传了图片
        form.append("PHOTO", fileObj);                    // 文件对象
        form.append("MARKETER_ID",$("#MARKETER_ID").val());
        form.append("MOBILE",$("#MOBILE").val());
        form.append("ADDRESS",$("#ADDRESS").val());
        form.append("BEFORE_PHOTO",$("#BEFORE_PHOTO").val());
        // XMLHttpRequest 对象
        var xhr = new XMLHttpRequest();
        //设置回调函数    
        xhr.onreadystatechange = zswFun;
        xhr.open("post", FileController, false);
        xhr.onload = function (data) {
            console.log("上传完成!");
        };
        xhr.send(form);
        
        function zswFun(){
            if(xhr.readyState == 4 && xhr.status == 200){
                swal({title:"修改成功！",text:'',type:"success"},function(){
                    window.location.href="webPage/mystore?MARKETER_ID="+$("#MARKETER_ID").val();
                });
            }
        }