How to generate a link that can be accessed directly after the picture is uploaded to the server

I upload the avatar on the client side, and the picture is uploaded to the server and saved in a fixed folder. Now how do I read this picture on the client side?

the running environment is the backend is node koa

related codes

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
 }
 });
}

I want to know how to generate a picture link and save it to the database. After the client can access the file in upload on my server through the picture link, please, my novice front end, if the description is wrong, please forgive me.

Javascript node.js koa2

Feb.15,2022

assume that the file save path is / data/upload

if you have a static server such as nginx , add a configuration to point to the upload folder, and then access the file via domain name + path , such as

server {
        listen  80;
        server_name test.com;
        root   /home/www/html/test.com;

        -sharp  https://img.codeshelper.com/upload/img/2022/02/15/lxloa5ex0ah3179.png  /data/upload/a.png
        location /upload/ {
            root /data/upload;
        }

if you are using koa to start the http server, use koa-send to access static resources

router.post('/upload/:filename', async (ctx){
    const name = ctx.params.filename;
    const fullpath = `/data/upload/${filename}`;
    ctx.attachment(fullpath);
    await send(ctx, fullpath);
)}

Previous: May I ask how to deal with the problem of downloadFile:fail ssl handshake error?

Next: Invalid python setting proxy access win 10

Is the middleware Synchronize in the koa2 framework or asynchronous?
question 1: why is the middleware in the koa2 framework written in the form of async, rarely in Synchronize mode (that is, without async)? For example, app.use(async (ctx, next) => { const start = new Date() await next() const ms = new Date() ...

Javascript node.js koa2 middleware asynchronous

Feb.27,2021
Can the koa2-compose source code be modified as follows?
https: github.com koajs comp. source link koa callback const fn = compose(this.middleware); fn(ctx).then(handleResponse).catch(onerror); fncomposectxnextundefined compose function compose (middleware) { .... return function (context, next)...

Javascript node.js koa2

Mar.09,2021
How to set a uniform return status code in koa?
1. I am a novice, read a lot of documents, and use koa2 + koa-generator + monogoDB to build a demo, to try to write some simple interfaces. but the question is, how to format the returns uniformly? Or how does my project directory need to be set ...

Javascript node.js koa2 koa-router

Apr.05,2021
The problem of uploading node koa2 images to debugger
first of all, we need to build a koa2 environment, so I won t say much about it here. next you need to load koa-multer: npm install koa-multer-- save the specific code is as follows: first is the js section: const multer = require( koa-multer...

Javascript node.js koa2

Apr.16,2021
How does koa-body get the information uploaded to the front-end page file?
Let s briefly describe the project first spa application of version 6.x of view layer angualr.js angular calls the api API of node directly, and node invokes the service to add, delete, modify and query node version 8.11.x mainly uses koa2 frame...

Javascript node.js koa2 angularjs

Jun.02,2021