Upload File without opening file upload window - javascript

I have a fully functional file upload system on my page, where I can upload image files. Now i want to create a button that uploads a spefific image(file), which is embedded on my page and which has a specific ID, without opening the actual file upload window of the browser.
The image on my page:
<img id="uploadme" src="https://placeimg.com/200/200/tech?t=1531087926475">
Just like this:

Related

FileUploading In CK-editor

CKEDITOR.replace( 'bodyDetails',{
removeButtons: 'Source,Strike',
filebrowserBrowseUrl : '/browser/browse.php',
filebrowserUploadUrl : '/uploader/upload.php'
});
I just use ck-editor for fileupload.
When I Uploade image in CK-Editor then It will Show me Some alert message "Image source URL is missing."
I don't want to pass URL. I need to pass some image with my local machine. I research some article but not found any proper solution. So Please help me to sort out this problem.
In CKEditor for uploading files/images even from your local machine You have to pass the full URL where the images has been stored.
For example, in my case, All my images are stored in a folder named uploaded
So, for uploading any image I have to enter full path like
http://10.11.201.93:81/webdocument/uploaded/loan.png
for the specific folder in the URL section and select the appropriate images you wanna upload.
Here's the example image:-
Even if you want to upload images directly form your local machine. First, You have to send the images to the server from the upload tab of the same dialog window. Then you could upload it to the editor from the server itself.

How to create thumbnail of .doc file using php?

I want to display thumbnail of .doc file. Means I want to show the first page of the .doc file as thumbnail image using php. Like first page of pdf is changing to
image using imagic extension.

Alloy Editor : upload multiple images on my server from content

Is it possible to upload the multiple images from pasted content of google drive document or local documents i.e articles ?
After pasting the content from document, i want to upload all images on my server
Currently, when i drop/select image (single) in editor area locally then using "imageAdd" event i can upload the image to my server, but same thing when i do by selecting the image (having google image url) from document that time its not working.
want to implement : all images which i have copied in editor which are hosted in different server, need to upload on my server
You need a plugin that detects whenever content is copied into the editor, then find out any external image and then imports them into your server.
This is an example of such plugin https://www.pluginsforckeditor.com/imagesfromserver/ although you can write your own.

Download pdf/word button javascript /jquery

I have data that saved in csv file. The data was used for creating some interactive graphs using d3.js and javascript. The files I have to run the graphs are some js files, css and html files. I don't need any server to run it.
Now, I want to add a download button on the page where the graphs are displayed. When user click download button, the csv will be downloaded as pdf/word file. Does anyone know how to do that? Any plugin to recommend?
Thanks a lot!
This might work for you. There is an HTML5 rule called "download" that can be added to an anchor tag.
<a href="documents/message.csv" target="_blank" download><button>Download</button></a>
In most browsers this "download" command forces the browser to open the download box. The download box itself will allow users to select their download format.
You can create an online cloud account with any free cloud-base storage (mega.nz is good), create folders for the files you want the public to see, upload those different formatted files into its own folder > copy file link and paste it in your button code like:
<a href="FILE LOCATION" target="_blank" download><button>BUTTON NAME</button></a>
on your site, it will show a rectangled grey download button that will redirect public to the folder with all those files they can choose to download.

html5 file uploader uploads the same file content to the server

I use this script http://code.google.com/p/html5uploader/ to show progress of a file upload etc. It works great except that moment if you drag and drop a few files simultaneously it will creates files with different names but content of those files will be the same. So that script just pass content of the first loaded file in all cases. How to fix this?

Categories

Resources