How to fetch images out of windows explorer urls of images - javascript

is it possible that we can have the fetched images with windows explorer urls list in adjacent or a column. I have a list of urls of windows 10 explorer urls of images I've stored them on google sheet's column now I dont want to appear images one by one by manual process, I just want it to be automatically fetched in the adjacent column like the way we just can fetch the online images urls into images.
Please do share or write the code of google app script for this process!
Is it possible to have a java script of any web development script on google sheets google app scripts to write down the code to execute the function of fetching the windows explorer urls of images inside folder. Is it possible that when we click on the button fetch images the whole funtion will be executed as per above goal? if so please help me, write or share the code which is required in this process.
the image elaboration is as below:
IMAGE ELABORATION:
https://i.stack.imgur.com/UjfjC.jpg

Related

Run scriptA.js if image's URL is in LIST, run scriptB.js if URL is not in LIST

I am building a Google Chrome extension to block specific images from Reddit posts depending on some backend computer vision that runs in Python. To save on computation / API calls, I am hoping to have the extension "remember" which image URLs it has "seen" before, and choose whether to make the call to the backend API based on this memory.
I am currently using JavaScript and jQuery to block images in an extension content.js script, and curious how others would recommend me: 1) keeping in memory a list of image URLs that have been "seen" before, and 2) checking / referencing this list to decide whether to run scriptA.js or scriptB.js. (The list of image URLs could get long (10,000+); I am not sure if this is an important consideration.)

How to speed up photo insertion from google drive to html page

I have photos in a folder on google drive....The folder is shared to be used by anyone on the web .
I have a table in a static html page on my computer and i set the background of the cell using javascript as below
document.getElementById("ImageCell").style.backgroundImage=url("https://drive.google.com/uc?id=xxxx");
This works fine.
I have 20 photos per page and when i use window.print() it takes a while to load and the main issue is sometimes it does not render and i see memory usage up to 100%.
So looks like this is memory intensive.
My question is- is there any better method of implementation which will not be so slow.
I don't think Google Drive was ever meant to function as a CDN. Are there too many photos for you to just bundle them up with your site?
If so, look into dumping them into an S3 bucket on Amazon, and caching them with cloudfront.

Getting full page source information using PowerShell

So my ultimate problem is that I have a SharePoint list where each list item may have multiple image attachments. I am looking to scrape the list using PowerShell so that I can backup all the images.
I am able to access each item's page in the list because of similarities in the URL, but I am unable to extract the attachments. This is because the filename is non-determinant. Unfortunately, I don't seem to be able to parse the info with Invoke-WebRequest because it brings back the HTML of the page, which does not list the file attachments.
Instead, the file attachments can be viewed when you use the 'Inspect page source' button, and which I believe is because they are inside a JavaScript function.
So, my question is - Can I get each file in a page's attachment from the JavaScript function so that I can scrape the page? Also - am I interpreting this problem correctly, and are there any other ways to solve this problem?
Please note: I don't have access to SharePoint server dlls including Microsoft.Sharepoint.dll, so I can't use Classes from that dll (unless they might be easily imported without having to install the whole library).
Here is a photo of where the source changes. I believe this is where HTML ends and Javascript begins:
And the highlighted lines in this file shows the information that I am looking to parse from the page's source information so that I can form the URL to download the image attachments:

Express.js not displaying images added dynamically to my webpage

I am trying to develop a simple app using node.js and express.js that works as follows. Attaching the screen shot of my app for reference
The user basically enters a location in his computer where image files are stored and then I dynamically generate the HTML file that displays those images as thumbnails. I am almost done except that Express is not serving my images and they appear as empty square boxes. Need help in trying to address this.
Before people mark this question as duplicate I would like to point out that this is not static web content where I can use the static middleware to sort this out. The user can input any directory on his computer and if there are any image files present then I need to display them.
EDIT:
This is how the standalone HTML page looks like. There are no problems with respect to paths in img
When you are opening standalone html in the browser, the protocol of the opened page is FILE. When you run a server on your localhost, the protocol is http or https. Modern browsers, do not allow to cross from the http protocol to the file protocol, that is why you are getting error:
Not allowed to load local resource
I can suggest you to create a buffer directory under the server directory root, and copy all the images from the desired folder there. That will allow you to show the images without any restrictions.

I'm having trouble with excel linked with java script

I'm making a website which hosts video tutorials. I have created a static version of it but that involves individually typing the urls of each video in the code. I'm looking for a way to access these urls from a excel sheet so that it becomes dynamic ie, if you add another url to the excel it automatically gets added to the site. Any ideas??

Categories

Resources