node多图或者单图上传

<form id="form" enctype="multipart/form-data">
　　<input type="text" name="name" id="name" value="" />

   //单图上传的时候name值也必须为img[]  不然后台接收数据的时候不是数组 还需要if处理    否则后台for循环就会报错

　　<input type="file" name="img[]" id="img" value="" multiple="multiple"/>　　 　　   <button type="button">提交</button> </form>

 $("button").click(function(){ 　　　　var Data = new FormData($("#form")[0]); 　　　　$.ajax({ 　　　　　　　　type:"post", 　　　　　　　url:"/admin/updata", 　　　　　　　　data:Data, 　　　　　　　　contentType:false, 　　　　　　　　//取消帮我们格式化数据，是什么就是什么 　　　　　　　　processData:false, 　　　　　　　　dataType:'json', 　　　　　　　　success:function(data){ 　　　

　　　} 　　　　}) })

var multipart = require('connect-multiparty');
var multipartMiddleware = multipart();

router.post('/updata',multipartMiddleware, function(req, res, next) {
    res.clearCookie('data_img');
    console.log(req.body, req.files);
    var id=req.body.id
    var img=req.files.img
    var list_img=[]
    var k=0
    img.forEach(function(item){
        var filepath=item.path
        var filename=item.originalFilename
        if(filename){
            fs.readFile(filepath,function(err,data){
                var t = (new Date()).getTime();
                var type=item.type.split("/")[1]
                var newname=t+'.'+type
                var m='/upload1/' + newname
                var newpath = path.join(__dirname, '../','public/upload1/'+newname);
                fs.writeFile(newpath,data,function(err){
                    if(id){
                        Banner.update({
                            _id: id
                        }, {img:m}, function(err,data) {
                            console.log(data)
                            if(err) {
                                var data = {code: 0,messege: '数据更新失败'}
                            } else {
                                list_img.push({img:m})
                                var data = {code: 1,messege: '数据更新成功',data:list_img}
                            }
                            res.send(data);
                        })
                    }else{
                        var banner = new Banner({
                            img: m
                        })
                        banner.save(function(err,retult){
//                            console.log(retult)
                            list_img.push(retult)
                            k++
                            if(k==img.length){
                                var data = {code: 1,messege: '上传成功',data:list_img}
                                res.send(data);
                            }
                        })
                    }
                })
            })
        }
    })
})

	<form  enctype="multipart/form-data">
		<h2 class="title">banner上传</h2>
		<ul class="row">
			<% banner.forEach(function(item){ %>
				<li class="col-sm-3">
					<div class="box">
						<img src="<%= item.img%>">
						<p class="glyphicon glyphicon-trash bg-danger delete"></p>
						<input type="file" name="img[]" id="<%= item._id%>" value=""/>
					</div>
				</li>
			<% }); %>
			<li class="col-sm-3">
				<div class="box">
					<img src="/images/timg.jpg">
					<input type="file" name="img[]" value=""  multiple="multiple"/>
				</div>
			</li>
		</ul>
	</form>

		$("input").change(function(){
			var id=$(this).attr("id")
			console.log(id)
			var formData = new FormData();
			for (var i=0;i<$(this)[0].files.length;i++) {
		        formData.append("img[]",$(this)[0].files[i]);//循环遍历把文件对象插到formData对象上
			}
			if(id){
				formData.append("id", id)
				var obj=$(this)[0].files[0]
				var img=window.URL.createObjectURL(obj);
				$(this).siblings("img").attr("src",img)
			}

			$.ajax({
				type:"post",
				url:"/admin/updata11",
				data:formData,
				dataType:'json',
	            contentType: false,//使用multer配合ajax时无需配置multipart/form-data，multer将自动配置，手动配置将报错，boundary not found
	            processData: false,
				success:function(data){
					console.log(data)
					alert(data.messege)
					var html=''
					var data=data.data
					if(!id){
						data.forEach(function(item){
							html+=	`<li class="col-sm-3">
										<div class="box">
											<img src="${item.img}">
											<p class="glyphicon glyphicon-trash bg-danger delete"></p>
											<input type="file" name="img[]" id="${item._id}%>" value=""/>
										</div>
									</li>`
						})
						$("form ul").prepend(html)
					}
				}
			})
		})