1、准备工作:定义一个input标签,type=file,让它隐藏,用一个lable标签设置它的for属性指向这个input,这样就可以通过设置lable的格式,达到文件上传的功能。还需要定义一个img标签,用来接收上传的图片。
2、图片显示在前端页面:在Js中设置该input的change事件,原理就是将图片的盘符形式的地址换成http形式的地址,将该地址赋值给img的src属性,并让其显示。
3、发送给服务器:通过form表单提交给服务器,第一需要设置formenctype=multipart/form-data,第二需要设置input的name属性,传一个参数即可。
先把照片放置到邮箱 然后在云服务器上进行下载
可以使用ftp功能进行上传下载
可以利用云盘进行上传下载
其中1 3的方式更为方便快捷。
下面一小段代码给大家分享Nodejs把接收图片base64格式保存为文件存储到服务器上的方法,具体代码如下所示:app.post('/upload', function(req, res){
//接收前台POST过来的base64
var imgData = req.body.imgData
//过滤data:URL
var base64Data = imgData.replace(/^data:image\/\w+base64,/, "")
var dataBuffer = new Buffer(base64Data, 'base64')
fs.writeFile("image.png", dataBuffer, function(err) {
if(err){
res.send(err)
}else{
res.send("保存成功!")
}
})
})
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)