Show last uploaded image HTML-PHP-JS - javascript

I do have to show the last image uploaded to an FTP server on a website page.
Since the client I use to upload files to the FTP tries to connect to a localhost (127.0.0.1) I don't know why, I decided to use the FTP integrated system in the DLink IP webcam. The problem is that this system upload the photos normally, but in different folders for date and time (e.g.: folder: /20161211 (date) subfolder: /11 (time)).
I have already tried to upload to the ftp using the webcam snapshot setup and also I tried to upload the output image of a "video client" to the FTP but this one doesn't work since it tries to connect to localhost instead of the webcam ip (192.168.1.66) also if was set up.
So how can I show on the website the last uploaded image?

Related

Uploading Webcam-easy.js snap to a node.js server

I'm trying to upload a photo from the web page to a node.js web server behind, I just cannot figure out how to upload the picture that Webcam-easy.js has generated by doing let picture = webcam.snap();, it also saves it to a canvas. It needs to be a POST request. The URL it need's to be uploaded to is /upload/ and the image needs to be tagged as file. When the backend gets it it saves the file to an uploads folder.

AngularJS - Display files from FTP server and download link

Have an FTP server set up with a number of files. Would like to create an AngularJS page (hosted on a different server) that allows user to click on a link on the angular page and download file(s) directly to the users local machine.
Thanks

mvc5 get file on client using javascript after posted to server

In my app I need to upload an image to the server, and user needs to preview the file before uploading it. So do it like this:
Show an image preview before upload
But after posted to server and there may be some errors, I have to return it back to client. Of course, the preview image loaded on client was lost, now I want to load it back again but I can't find the file to load using javascript. I have tried some ways:
$("file-input-selector").prop("files")
or:
document.getElementById("file-input-id").files
These only work when I select another image on the machine. After posted back from server both ways show 0 files
Is there another way to get the file after posted to the server back?

Guacamole VNC File Transfer

I am using Guacamole HTML5 clientless VNC viewer. I am trying to upload a file via Guacamole over VNC. Is this possible?
I looked at the application's homepage and this function seems possible. There is an event called onfile in guacamole.all.js, but there isn't a code sample to replicate this functionality.
How do I upload a file via Guacamole over VNC?
Guacamole uses SFTP to transfer files back and forward to the computer, so it doesn't transfer files over the VNC connection like TightVNC can. This means that you will have to setup an SFTP server on the computer running the VNC-server to be able to transfer files to the computer. If you have done that, you will have to provide the SFTP server details in your connection details page.
Once everything is setup properly you can start uploading and downloading files. For uploading you need to set a "standard uploading directory" in your connection properties. To upload something to that directory simply drag a file and drop it in the view screen in your browser. A little dialog with the upload process will appear and the file will be transferred to the remote computer!
For downloading open the guacamole menu while viewing your remote computer by pressing ctrl+alt+shift. If everything is setup properly you will see a device which you can browse and select the files you want to download. Good luck with this.
P.S. If the VNC-server is running on a windows machine, look at freeFTPd. It's a free lightweight program that can be setup to start at windows startup. Perfect solution for using with guacamole. If you are running linux it shouldn't be too hard to find an sftp server.

Browse local image folder from an HTML page

I'm writing an esay live blogging app.
I have a form in the backend and I can upload to the server text messages or images.
At this moment everything is working with a simple file upload field, but I want to speed up the process so:
1) reflex camera attached via USB that save images in a local folder on my mac
2) a "preview" of the folder in the backend, updating live while I shoot picture
3) when I select a shot I will upload to the server (this is not difficult).
I cannot find the right plugin to "watch" and interact a local directory. Any idea?

Categories

Resources