I Want a vqmod xml file to add ability to upload multiple images at once.
Is there such a things around?
Edit:
Opencart version:2.1.0.1
Finally i wrote a xml to add to "vqmod" on opencart 2.1.0.1
it works perfectly and not only allows me to upload multiple images at once, it add ability to select a directory as like as images
here the xml file on git:
https://github.com/mhd-jalilvand/oc-vqmod-filemanager-select_dir
Check out the extension called 'Multiply Upload Image Files'
It seems like this is what you are looking for
Related
I wrote a chrome extension, that allows me to copy the DOM of a webite and upload it to a server for analysis (dont worry, nothing illegal). Doing so does not provide the images or css scripts of the page.
Is there an "easy way" to get transfer the images and scripts that are used in the DOM as well? Currently I am using document.all[0].outerHTML for reading the HTML itself.
I found a quite nice way to upload the images in one package with the HTML / DOM:
Using this post, I had a very easy way to convert almost any image in Base64. I replaced the src attribute of the img tag using jQuery and uploaded the complete DOM. Like that all the images are already implemented.
I'm doing work for a client with wordpress, i'm relatively new to wordpress. They want a gallery that will display images based on what they upload, they're not technologically inclined in the slightest bit. Wordpress seems to upload into different folders for each month and year, i'd like to avoid having to get javascript to plough through x amount of folders every time the page loads.
Things i've tried so far:
Using next gen gallery: This works, to a point, the 'responsiveness' of the gallery is not very responsive, it's set images that just wrap, meaning you're left with a large border down one side of the gallery until the screen gets small enough that it then wraps again...
Creating my own plugin: I've not done this before and there isn't really enough time for me to have to learn a whole new syntax.
Using advanced custom fields: This requires either premium to create a gallery, or adding alot of fields to every page and just checking the field is blank, then exiting the loop.
So, what i would like to do is allow my client to upload into 3 set directories, say Cars, Planes and Boats with different images for each, then on the relevant page, call my javascript function with a parameter for the folder that will then generate the gallery.
Is this possible?
Am i re-inventing the wheel?
You can change the default uploads folder for WordPress by adding this to the wp-config.php file:
require_once(ABSPATH.’wp-settings.php’);
define('UPLOADS', 'wp-content/images');
Just create whatever sub-directories you need in there and it should be fine.
Open the WordPress wp-config.php file, and then add the following code after require_once(ABSPATH.'wp-settings.php'); declaration.
define( 'UPLOADS' , 'files' );
New uploaded files should now be stored in a "files" folder, as shown below.
Copied from: www.hongkiat.com/blog/wordpress-custom-upload-dir/
This Works, I have tried it.
How do I turn the div with id "uploadWrapper" from this jsFiddle into a button that can upload images - basically doing the same as <input type="file">. Thanks in advance.
EDIT - DUE TO ANSWERS RECEIVED
How can I show a preview of the image in the place of the div with the blue background when someone uploads an image, see this jsFiddle
Check this fiddle: http://jsfiddle.net/techfoobar/kM9aa/1/
Preview: Like Justin Satyr said, there's no way using plan HTML/JS to preview the chosen image unless you upload it to your server and use the uploaded image's URL.
This is not as easy to do as one would imagine, and some browsers prevent triggering file uploads from untrusted elements automatically for security purposes.
I recommend using a third party file upload plugin, such as Plupload, or faking a custom button using progressive enhancement (invisible file upload button, with a custom graphic under it (of course not the most flexible of solutions) as described here:
http://filamentgroup.com/lab/jquery_custom_file_input_book_designing_with_progressive_enhancement/
Plupload events allows you to hook into the events that might occur during ajax file upload, and do stuff with the upload info. See this page on examples of what response data you might get:
http://www.plupload.com/example_events.php
You can get response data like this:
id=p16in5el9ne2fc1rd08120in081
name=denim.png
size=20623
loaded=20623
percent=100
status=DONE
target_name=p16in5el9ne2fc1rd08120in081.png
And of course you can modify what the server returns on a successful upload, to be able to get the full absolute URL to the uploaded image.
After you have this data, you can hook into it and switch the image doing something like this (with jQuery):
// Called when a file has finished uploading
FileUploaded: function(up, file, info) {
$('#id_of_the_image').attr('src', 'uploads/' + file.target_name);
}
You can't unless you use Flash, Silverlight, or an Active-X object. Browsers lock down all file browsing operations.
You can appear to do this by making the <input type="file" /> invisible but over a button so that when the user clicks the "button", they are actually clicking the input.
UPDATE:
In response to your second question, to preview the image, you would need to post it to your server and then point your img's src to an image path on your server.
I am using TinYMce WYSIWYG editor, It is working fine. I am using OpenSource product without MCFileManager, instead files/images are uploaded via TinyBrowser which is included.
Now I need to trigger this pop-up window where I can browse files to upload from element.
Is there any way to do that via upload files?
P.S Maybe there is a way to get that MCFileManager for free or some kind of license?
You can find the available licences and prices here, you won't get it for free (at least not leagaly).
I never used TinyBrowser, but i am sure you could write your own Tinymce plugin and include your own button to trigger the TinyBrowser.
I've been searching for a plugin of TinyMCE that allows to upload and insert an image in the text, the problem I've found with many plugins is allowing to see and select from a gallery of images of the server, that's a functionality I don't need or want, just allow the user to select an image from his computer, upload and insert it.
There is a plugin that acomplishes only this?
Thanks
jbimages is what you might looking for.
Easy to integrate and to configure.
Just pups up the file uploader and places the image wherever you have your cursor in a post.
Just do not forget to set after installations the config files to 600 or 400.
You can find how-to
http://pastebin.com/
TinyMCE does this as standard:
try http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/external_image_list_url