Node.js上传文件前后台代码

				<label class="control-label col-xs-12 col-sm-3">图片</label>



				<div class="controls col-xs-12 col-sm-9">

					<div class="row">

						<div class="col-xs-6">

							<img src="/admin/images/none.png" class="backimg" onerror="/admin/images/none.png"/>

							

						</div>

						<div class="col-xs-12">

							<label>

								<input type="file"  onchange="fileSubmit()" id="uploadImage" value="" />

							</label>

						</div>

					</div>

								<input type="hidden" name="pic" id="pic" value="" />

				</div>

			</div>

在这里看下我用的是onchange事件，也就是在选择完图片后将图片上传到后台，

function fileSubmit(){ //选择后图片自动上传代码

	var url="http://127.0.0.1:8080/admin/link/updateImg"

     var formdata=new FormData();        

        formdata.append('uploadImage',$('#uploadImage').get(0).files[0]);         

        $.ajax({

            url:url,

            type:'post',

            contentType:false,

            data:formdata,

            processData:false,

            success:function(info){    

                var uri=info;

                $('.backimg').attr('src',uri); //显示图片

                $("#pic").val(uri);

            },

            error:function(err){

                console.log(err)

            }

        });

    }

再看node后端代码:

= (),
= (),
= ();//引入模块
.post(, ctx => {
= .()
= .(, );
(!.()) .()
.= .= * * = Promise(r => {
.(ctx., (err, fields, files) {
(err) {
r({ err })
} {
.(files.uploadImage)
= files.uploadImage.+ + files.uploadImage…(files.uploadImage., )
r({ : })
}
})
})
= + .(.)
(.){
ctx.(, )
}
{
ctx.= +;
}

})

本章节转自 https://www.itbestwish.com/detail/60