本地照片如何通过天联高级传到服务器

本地照片如何通过天联高级传到服务器,第1张

本地照片通过天联高级传到服务器的方法分为三个过程:准备工作、图片显示在前端页面、发送给服务器。

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("保存成功!")

}

})

})


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/300242.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-26
下一篇2023-04-26

发表评论

登录后才能评论

评论列表(0条)

    保存