请教在centos7上部署的node.js服务器处理web端的图片上传问题时会报413错误

xWF_NET 2017-08-17 08:06:52

以下是前段源码

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>文件上传</title>

	<script src="jquery-1.8.3.min.js"></script>

	<script type="text/javascript">

	 	$(function(){

			var oldName = "";

	   	    var dataArr = {data: []};

	   	    $("#iptfileupload").change(function(){

	   	    	alert("132");

	   	    	for (var x = 0; x < dataArr.data.length; x++) {

	       		    if (dataArr.data[x].name == oldName) {

	       		        dataArr.data.splice(x, 1);

	       		    }

	       		}

	       		oldName = this.files[0].name;

	       		var reader = new FileReader();

	       		reader.readAsDataURL(this.files[0]);

	

	       		var fileName = this.files[0].name;

	       		reader.onload = function (e) {

	       		    var imgMsg = {

	       		        name: fileName,//获取文件名

	       		        base64: this.result   //reader.readAsDataURL方法执行完后，base64数据储存在reader.result里

	       		    }

	       		    dataArr.data.push(imgMsg)

	       		    var file_img = document.getElementById("img"),

	

	       		        img_path1 = document.getElementById("img_path1"),

	       		        iptfileupload = document.getElementById('iptfileupload');

	

	       		    img_path1.innerText = iptfileupload.value;

	       		    file_img.src = imgMsg.base64;

	       		}

	   	    });

	 		$("#btn").click(function(){

	 			alert("123");

	 			alert(dataArr.data);

	 			var str=JSON.stringify(dataArr);

	 			// var str=dataArr.data;

	 		    console.log(str);

	 			$.ajax({

                     type:"POST",

                     url:"https://94248142.qcloud.la/upimg",

                     data:{

                     	data:str

                     },

                     success:function(data){

                         console.log(data);

                     }

	 			})



	 		});

	

	 	})

	</script>

</head>

<body>

 	<input type='file' id='iptfileupload' style="margin: 0 auto;display: block" name="a"/>

    <div class="box" style="width: 100px;height: 100px;margin: 0 auto">

        <img alt='' id='img'/>

    </div>

    <p style="text-align: center;">选择的图片路径是: <span id="img_path1"></span></p>

    <div style="width: 100px;margin: 0px auto">

        <button id="btn">提交</button>

    </div>

</body>

</html>

以下是后台代码

router.post("/upimg", (req, res) => {

    var imgdata=JSON.parse(req.body.data);

	var dat=imgdata.data;

	var msg="0";

	path="images/"+dat[0].name;

    base64Data = dat[0].base64.replace(/^data:image\/\w+;base64,/, "");

    dataBuffer = new Buffer(base64Data, 'base64');

    msg="1";



    fs.writeFile(path, base64Data, function(err) {

    	 if(err){

             console.log(err);

             msg="上传失败";

         }else{

            console.log("保存成功");

            msg="上传成功";

         }

     });

	res.send(req.body.data);

    

});