文本上传的插件很多,文件上传的插件很多

实质上呢,文件上传的插件很多,可是今后做的东西供给尽量少用插件,所以就本身写了一晃。

实际上呢,文件上传的插件很多,不过后天做的事物供给尽量少用插件,所以就和好写了一下。

事先也用node写过对文本处理地点的东西,此番用php写着试一下。

前边也用node写过对文本处理方面包车型大巴事物,本次用php写着试一下。

a.html文件

a.html文件

<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/html">  
<head>  
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<html>  
<head>  
<title></title>  

</head>  

<body>  
<form enctype="multipart/form-data" id="uploadImg">
    上传文件:  
    <input name="file" type="file" id="file"> 
</form>
</body>  
</html>
<script src="jquery.js"></script>
<script>
    $(function(){
        $('input[type="file"]').on('change', function(){
            var file = this.files[0];
            var formData = new FormData($('#uploadImg')[0]);
            formData.append('file', file);
            console.log(formData.get('file'))
            $.ajax({
                url: 'b.php',
                type: 'POST',
                cache: false,
                data: formData,
                //dataType: 'json',
                //async: false,
                processData: false,
                contentType: false,
            }).done(function(res) {
                console.log(res)
            }).fail(function(res) {
                console.log(res)
            });
        });
    })
</script>  
<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/html">  
<head>  
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<html>  
<head>  
<title></title>  

</head>  

<body>  
<form enctype="multipart/form-data" id="uploadImg">
    上传文件:  
    <input name="file" type="file" id="file"> 
</form>
</body>  
</html>
<script src="jquery.js"></script>
<script>
    $(function(){
        $('input[type="file"]').on('change', function(){
            var file = this.files[0];
            var formData = new FormData($('#uploadImg')[0]);
            formData.append('file', file);
            console.log(formData.get('file'))
            $.ajax({
                url: 'b.php',
                type: 'POST',
                cache: false,
                data: formData,
                //dataType: 'json',
                //async: false,
                processData: false,
                contentType: false,
            }).done(function(res) {
                console.log(res)
            }).fail(function(res) {
                console.log(res)
            });
        });
    })
</script>  

b.php文件:

b.php文件:

<?php
    //print_r($_FILES);    
    $uptypes=array(  
        'image/jpg',  
        'image/jpeg',  
        'image/png',  
        'image/pjpeg',  
        'image/gif',  
        'image/bmp',  
        'image/x-png'  
    );

    $max_file_size=200000000;     //上传文件大小限制, 单位BYTE

    $file=$_FILES["file"];
    $fileName=$file["name"];
    $filetype = $file["type"];
    $filesize = $file["size"];

    if(!in_array($filetype, $uptypes)){            // 文件类型判断
        echo "文件类型不符!";
        exit;
    }
    if($filesize > $max_file_size){                // 文件大小判断
        echo "文件太大!";
        exit;    
    }

    if (!is_dir("image/")) {                    //创建路径
        mkdir("image/");
    }
    $url = "image/";
    //当文件存在
    if (file_exists($url.$fileName)) {
        //echo $fileName." already exists.";
        echo $url.$fileName;
    }else{//当文件不存在
        $url=$url.$fileName;
        move_uploaded_file($_FILES["file"]["tmp_name"],$url);
        echo $url;
    }
?>
<?php
    //print_r($_FILES);    
    $uptypes=array(  
        'image/jpg',  
        'image/jpeg',  
        'image/png',  
        'image/pjpeg',  
        'image/gif',  
        'image/bmp',  
        'image/x-png'  
    );

    $max_file_size=200000000;     //上传文件大小限制, 单位BYTE

    $file=$_FILES["file"];
    $fileName=$file["name"];
    $filetype = $file["type"];
    $filesize = $file["size"];

    if(!in_array($filetype, $uptypes)){            // 文件类型判断
        echo "文件类型不符!";
        exit;
    }
    if($filesize > $max_file_size){                // 文件大小判断
        echo "文件太大!";
        exit;    
    }

    if (!is_dir("image/")) {                    //创建路径
        mkdir("image/");
    }
    $url = "image/";
    //当文件存在
    if (file_exists($url.$fileName)) {
        //echo $fileName." already exists.";
        echo $url.$fileName;
    }else{//当文件不存在
        $url=$url.$fileName;
        move_uploaded_file($_FILES["file"]["tmp_name"],$url);
        echo $url;
    }
?>

在那中间也遇到了多少个难点

在那中间也赶上了多少个难点

1.在PHP中通过print_r($_FILES)打字与印刷时,有时候formData里面包车型地铁参数type会为空,而在前者打字与印刷的formData.get(‘file’)里是有type的值的,原因是PHP导入文件(笔者是导的图样)有大大小小限制

1.在PHP中通过print_r($_FILES)打字与印刷时,有时候formData里面包车型地铁参数type会为空,而在前者打字与印刷的formData.get(‘file’)里是有type的值的,原因是PHP导入文件(笔者是导的图样)有大小限制

解决方法:在php.ini中,搜索upload_max_filesize(私下认可为二M),修改这些值,重启服务器即可。

杀鸡取蛋办法:在php.ini中,搜索upload_max_filesize(暗许为二M),修改那些值,重启服务器即可。

贰:在通过ajax进行数据请求时,console.log(formData)对象为空,而且在append后只怕为空,是因为属性不是一向挂载在您这几个FormData,能够通过get方法实行获取。

二:在经过ajax进行多少请求时,console.log(formData)对象为空,而且在append后要么为空,是因为属性不是一向挂载在您这么些FormData,能够通过get方法进行获取。

参考:https://segmentfault.com/q/1010000010087308

参考:https://segmentfault.com/q/1010000010087308

三:在相似情形下利用ajax请求,processData(默许为true)不须要安装,可是当使用fromdata上传文件时,发送的靶子不须求中间转播为对象,所以必须安装为true。

三:在1般景观下行使ajax请求,processData(私下认可为true)不要求设置,可是当使用fromdata上传文件时,发送的靶子不供给中间转播为对象,所以必须设置为true。

相关文章

网站地图xml地图