title: How can I add multiple images from local disk to canvas using Fabric.js?
body: <p>I'm creating an Image Collage application in <code>HTML5 canvas</code> using <code>Fabric.js</code>. I want that user can drag and drop file to 'File Drag and Drop Area' and also he can 'Choose File' from his local disk. Please help me in implementing this. </p>
  
  <p>I'm using this code to add multiple images. Now, I want to add images from my Local Disk onto Canvas.</p>
  
  <pre><code>//Image 1
   fabric.Image.fromURL('/3.jpg', function (img) {
          var oImg = img.set({ left: 300, top: 300, angle: -15 }).scale(0.9);
          canvas.add(oImg).renderAll();
          canvas.setActiveObject(oImg);
  
      });
  
   //Image 2
   fabric.Image.fromURL('/bokeh.jpg', function (img) {
          var oImg = img.set({ left: 300, top: 300, angle: -15 }).scale(0.9);
          canvas.add(oImg).renderAll();
          canvas.setActiveObject(oImg);
      });
  </code></pre>