JS - Asynchronous Programming - async/await - Promises vs. async/await - Picture Uploading and Processing

[akash-coded]

Convert the following Promise-based program to a async-await-based program:

function upload(url) {
  console.log(`Uploading the picture ${url} ...`);
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (url) {
        resolve(url);
      } else {
        reject(url);
      }
    }, 1000);
  });
}

let URL = "https://www.javascripttutorial.net/pic.jpg";

upload(URL)
  .then((url) => console.log(`Processing the picture ${url}`))
  .catch((url) => console.log(`The URL ${url} is not valid`));

[shubhamk-coder]

Code

function upload(url) {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
           console.log(`Uploading the picture ${url} ...`);
      }, 1000);
    });
}
  
function process(url) {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
          console.log(`Processing the picture ${url} ...`);
      }, 2 * 1000);
    });
}

let URL = "https://www.javascripttutorial.net/pic.jpg";

async function showStatus() {
    let getUpload = await upload(URL);
    let getProcess = await process(URL);
    console.log(`The Uploading & Processing of ${URL} is Completed`);
}
  
showStatus();  

Screenshot

[jo300]

function upload(URL) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log(`Uploading the picture ${URL} ...`);
      if (URL) {
        resolve(URL);
      } else {
        console.log(`The URL ${URL} is not valid`);
        reject(URL);
      }
    }, 2 * 1000);
  });
}
URL = "https://www.javascripttutorial.net/pic.jpg";

function process(picture) {
  setTimeout(() => {
    console.log(`Processing the picture ${picture}`);
  }, 2000);
}
function statusCheck() {
  setTimeout(() => {
    console.log(`uploading &Processing is done`);
  }, 5000);
}

async function operation() {
  let load = await upload(URL);
  let success = await process(URL);
  let status = await statusCheck();
}
operation();

[Neethumar]

Code

function upload(url) {
   
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        console.log(`Uploading the picture ${url} ...`)
        resolve();
      }, 1000);
    
    });
}
  
function process(url) {
   
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log(`Processing the picture ${url} ...`)
            resolve();
          }, 2 * 1000);
    });
}

let URL = "https://www.javascripttutorial.net/pic.jpg";

async function showStatus() {
    let getUpload = await upload(URL);
    let getProcess = await process(URL);
    console.log(`The Uploading & Processing of ${URL} is Completed`);
}
  
showStatus();  

[KNiranjani]

Code

let URL = "https://www.javascripttutorial.net/pic.jpg";
function upload(url) {
   
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        console.log(`Uploading the picture ${url} ...`)
        resolve();
      }, 1000 + 2);
    
    });
}
  
function process(url) {
   
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log(`Processing the picture ${url} ...`)
            resolve();
          }, 1000 + 3);
    });
}
function execute() {
    setTimeout(() => {
      console.log(`The Uploading & Processing of Picture ${URL} is Done`);
    }, 2000 * 2);
  }

async function showStatus() {
    let getUpload = await upload(URL);
    let getProcess = await process(URL);
    let getExecute = await execute();
}
  
showStatus();

Output:

[SumaGayathri-999]

CODE

let upload=(url,work)=>{
    console.log(`uploading the url ${url}`);
    return new Promise((resolve,reject)=>{
    setTimeout(()=>{
        if(url){
            resolve(work(url));
        }
        else{
            reject(url);
        }
    },2000)
    })
}
let URL="https://www.javascripttutorial.net/pic.jpg";
async function process_function()
{
 try{
    await upload(URL,(url)=>{console.log(`processing the ${url}`)})
 }
 catch(error)
 {
    console.log("url is not valid");
 }

}
process_function();

SCREENSHOT

[Amrita-12345]

Code

let URL = "https://www.javascripttutorial.net/pic.jpg";
function upload(url) {
   return new Promise((resolve, reject) => {
      setTimeout(() => {
        console.log(`Uploading the picture ${url} ...`)
        resolve();
      }, 1000 );
     });
}
function process(url) {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log(`Processing the picture ${url} ...`)
            resolve();
          }, 2000 );
    });
}
function execute() {
    setTimeout(() => {
      console.log(`The Uploading & Processing of Picture ${URL} is Done`);
    }, 3000 );
  }
async function show() {
    let getUpload = await upload(URL);
    let getProcess = await process(URL);
    let getExecute = await execute();
}
  show();

Screenshot

[durgawarrier]

CODE

let upload=(url,work)=>{
    console.log(`uploading the url ${url}`);
    return new Promise((resolve,reject)=>{
    setTimeout(()=>{
        if(url){
            resolve(work(url));
        }
        else{
            reject(url);
        }
    },2000)
    })
}
let URL="https://www.javascripttutorial.net/pic.jpg";
async function process_function()
{
 try{
    await upload(URL,(url)=>{console.log(`processing the ${url}`)})
 }
 catch(error)
 {
    console.log("url is not valid");
 }

}
process_function();

SCREENSHOT

[tvisha-pushkar]

let URL = "https://www.javascripttutorial.net/pic.jpg";
function upload(url) {
   
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        console.log(`Uploading the picture ${url} ...`)
        resolve();
      }, 1000 + 2);
    
    });
}
  
function process(url) {
   
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log(`Processing the picture ${url} ...`)
            resolve();
          }, 1000 + 3);
    });
}
function execute() {
    setTimeout(() => {
      console.log(`The Uploading & Processing of Picture ${URL} is Done`);
    }, 2000 * 2);
  }

async function showStatus() {
    let getUpload = await upload(URL);
    let getProcess = await process(URL);
    let getExecute = await execute();
}
  
showStatus();

[Avinash-chengot]

function upload(url) {
return new Promise((resolve, reject) =>{
setTimeout(() => {
console.log(uploading the picture ${url});
!url ? reject(url) : resolve(url);

},1000)

})

}

function process(picture) {

setTimeout(() => {
    console.log(`processing the picture ${picture}`);

},5000)

}

let URL="https://www.javascripttutorial.net/pic.jpg";

function complete(){
setTimeout(() => {
console.log(The uploading and processing of ${URL}} is completed);

},10000)

}

async function showstatus(){
let getupload = await upload(URL);
let getprocess = await process(URL);
let completed = await complete();
}

showstatus()
``

[Ramgopalpatel]

let upload=(url,work)=>{
    console.log(`uploading the url ${url}`);
    return new Promise((resolve,reject)=>{
    setTimeout(()=>{
        if(url){
            resolve(work(url));
        }
        else{
            reject(url);
        }
    },2000)
    })
}
let URL="https://pixabay.com/images/search/nature/";
async function process_function()
{
 try{
    await upload(URL,(url)=>{console.log(`processing the ${url}`)})
 }
 catch(error)
 {
    console.log("url is not valid");
 }

}
process_function();

[ismail-1104]

async function upload(url){
    let promise = new Promise(function(resolve,reject){
        setTimeout(() => {
            if(url){
                resolve(url);
            }else{
                reject(url);
            }
        }, 1000);
    });

    let result = await promise;
    console.log(result);
}

let Url = "https://www.javascripttutorial.net/pic.jpg";

upload(Url)
    .then((url)=>console.log(`Processing the picture ${url}`))
    .catch((url)=>console.log(`The URL ${url} is not valid.`));

upload('')
    .then((url)=>console.log(`Processing the picture ${url}`))
    .catch((url)=>console.log(`The URL ${url} is not valid.`));

[arunv0794]

let upload=(url,work)=>{
    console.log(`uploading the url ${url}`);
    return new Promise((resolve,reject)=>{
    setTimeout(()=>{
        if(url){
            resolve(work(url));
        }
        else{
            reject(url);
        }
    },2000)
    })
}
let URL="https://www.javascripttutorial.net/pic.jpg";
async function process_function()
{
 try{
    await upload(URL,(url)=>{console.log(`processing the url ${url}`)})
 }
 catch(error)
 {
    console.log("url is not valid");
 }

}
process_function();

[vaishumanooo]

function upload(url) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log(`Uploading the picture ${url} ...`);
      resolve();
    }, 1000);
  });
}

function process(url) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log(`Processing the picture ${url} ...`);
      resolve();
    }, 2000);
  });
}

let URL = "https://www.javascripttutorial.net/pic.jpg";

async function viewStatus() {
  let uploadStatus = await upload(URL);
  let processStatus = await process(URL);
}

viewStatus();

[rrajbanshi]

let URL = "https://www.javascripttutorial.net/pic.jpg";
let upload=(url, work)=>{
    console.log(`uploading the url ${url}`);
    return new Promise((resolve,reject) => {
    setTimeout(() => {
        if(url){
            resolve(work(url));
        }
        else{
            reject(url);
        }
    },2000)
    })
}
async function process()
 {
 try{
    await upload(URL, (url) => {console.log(`processing the ${url}`)})
  }
 catch(error)
  {
    console.log("error in accessing the link", error);
  }

 }
process()

[lingamurthi]

<script>
 function upload(url) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log(`Uploading the picture ${url} ...`);
      resolve();
    }, 1000);
  });
}

function process(url) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log(`Processing the picture ${url} ...`);
      resolve();
    }, 2000);
  });
}

let URL = "https://www.javascripttutorial.net/pic.jpg";

async function viewStatus() {
  let uploadStatus = await upload(URL);
  let processStatus = await process(URL);
}

viewStatus();
</script>

[dhruvsinghparihar]

```js
function upload(url) {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
           console.log(`Uploading the picture ${url} ...`);
      }, 1000);
    });
}
  
function process(url) {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
          console.log(`Processing the picture ${url} ...`);
      }, 2 * 1000);
    });
}

let URL = "https://www.javascripttutorial.net/pic.jpg";

async function showStatus() {
    let getUpload = await upload(URL);
    let getProcess = await process(URL);
    console.log(`The Uploading & Processing of ${URL} is Completed`);
}
  
showStatus();  

[twarit08]

function upload(url) {
  console.log(`Uploading the picture ${url} ...`);
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (url) {
        resolve(url);
      } else {
        reject(url);
      }
    }, 1000);
  });
}
function process(picture) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(console.log(`Processing the picture ${picture} ...`));
    }, 1000);
  });
}

let URL = "https://www.javascripttutorial.net/pic.jpg";

async function statusCheck() {
  try {
    let uploading = await upload(URL);
    let processing = await process(URL);
    console.log("Upload Successful");
  } catch (error) {
    console.log("Invalid URL");
  }
}
statusCheck();

[ananthroy]

function upload(url){
    return new Promise((resolve,reject)=>{
        setTimeout(() => {
            console.log(`uploading the picture ${url}`)
            resolve()
        },1000)
    })
}
function process(url){
    return new Promise((resolve,reject)=>{
        setTimeout(() => {
            console.log(`uploading the picture ${url}`)
            resolve()
        },3000)
    })
}
let URL = "https://www.javascripttutorial.net/pic.jpg";

async function showStatus(){
    let doupload= await upload(URL);   
    let doprocess=await process(URL);
    console.log(`the uploading and uploading is completed ${URL}`)
}
showStatus()