上传文件服务器怎么做,图片上传到服务器后怎么生成可直接访问的链接

我在客户端做头像上传，图片上传到服务器后保存在一个固定的文件夹内，现在我如何在客户端读取到这张图片。

运行环境是后端是node koa

相关代码exports.editcover = async (ctx) => { const {

userId,

imgfile

} = ctx.request.body var base64Data = imgfile.replace(/^data:image\/\w+;base64,/, ""); var dataBuffer = new Buffer(base64Data, 'base64'); let name = new Date().getTime().toString() + OrderHelper.generateRondom(10).toString(); let url = './upload/'+name+'.png'

fs.writeFile(url, dataBuffer, function(err) { if(err){ console.log('保存失败');

}else{ console.log('保存成功'); console.log(url);//现在到这就结束了，我可以看到在我的upload文件下生成了我刚刚上传的图片

}

});

}

我想知道如何生成一个图片链接保存到数据库后客户端能通过图片链接访问到我服务器上upload里面的文件，拜托啦，本人新手前端，若描述有误，请各位大佬多多见谅

上传文件服务器怎么做,图片上传到服务器后怎么生成可直接访问的链接相关推荐

【报错笔记】在做图片上传时上传图片后可以跳转到上传成功界面，也没有报错，数据库中也传入了值，可是eclipse中webapp下怎样都无法生存目录。
在做图片上传时上传图片后可以跳转到上传成功界面,也没有报错,数据库中也传入了值,可是eclipse中webapp下怎样都无法生存目录. 我使用UUID生成8级目录,在webapp下创建目录,将图片传进 ...
input做图片上传限制图片大小1M以内
input 属性type=file;定义输入字段和 "浏览"按钮,供文件上传. 1.做图片上传可配合中使用 accept 属性来限制图片的格式. 注意 accept 属性只能与配 ...
Spring mvc 做图片上传
Spring MVC做图片上传: 一.配置文件中首先配置文件上传路劲: 二.首先获取配置文件路劲当中的路劲并判断路劲是否存在,不存在用File类的mkdirs()创建:(url) 三.获取文件名称(f ...
直播平台软件开发，input限制上传数量，规定图片上传数量
直播平台软件开发,input限制上传数量,规定图片上传数量 /*** [fileCountCheck 上传文件数量检测]* @param {[Object]} filesObj [文件对象|input ...
html 头像选择,html5点击上传头像选取本地图片上传代码
特效描述:html5 点击上传头像选取本地图片上传代码.html5点击上传头像,图片上传代码代码结构 1. HTML代码上传头像 //获取上传按钮 var input1 = document. ...
.net mvc + layui做图片上传（二）—— 使用流上传和下载图片
摘要:上篇文章写到一种上传图片的方法,其中提到那种方法的局限性,就是上传的文件只能保存在本项目目录下,在其他目录中访问不到该文件.这与浏览器的安全性机制有关,浏览器不允许用户用任意的路径访问服务器上的 ...
Java做图片上传、文件上传、批量上传、 Base64图片上传。附上源码
Java做文件上传.图片上传后台方法利用Springboot快速搭建项目环境项目源码已经上传到码云:https://gitee.com/jack_party/upload .喜欢的朋友可以支持一下 ...
php做图片上传功能
今天来做一个图片上传功能的插件,首先做一个html文件:text.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition ...
web.py做图片上传网页
简单而直接的Python web 框架:web.py 网页界面属于前端,可以用html HTML5 上传图片文件(含拖拽.预览.上传.美化) HTML 入门笔记 - 初识HTML 如何实现一个简易的图 ...

上传文件服务器怎么做,图片上传到服务器后怎么生成可直接访问的链接

上传文件服务器怎么做,图片上传到服务器后怎么生成可直接访问的链接相关推荐

最新文章

热门文章