I have recently noticed that the file upload image preview on my site is not working. It previously did work. The current state is that the Select Image prompt works, asks you to select a file and, if you submit the form, it actually adds the image into the DB. However, the stats prompting the image preview and interactive buttons (change/remove) do not work.
What makes this problem specifically difficult is that I cannot see any specific javascript errors associated with the file and the plugin file itself loads from the S3 server.
The image previews can be found: https://www.rigsandwagons.com/listings/add/
Related
In my website, I have an input file prompt that is filtered for images.
The prompt work well and only images file are directly selectable.
The issue is that if I find a multipage pdf in my directory and I start to navigate pages inside the prompt the pdf file is selected and can be updated.
There is a way to prevent this weird behaviour?
Video YouTube of the issue
I am building file uploading/drag and drop.
I used this jquery plugin: https://github.com/jaysalvat/ezdz
Dnd is working well, but I just wanted to upload huge size of the file, over 1GB.
When I drag and drop the file into dropzone, it always takes too long time to load the file in the browser(not upload - didn't click "upload" button. Just loading to the browser to load that file.)
So, I just wanted to check this progress(loading file to the browser). This is not checking uploading progress, I think this is something different with checking file uploading progress.
Is there any solution to check this?
I'm using dropzone.js
The Issue is i want to allow user to select only one file at a time (when selecting from pop-up window/dialogue-box)
And when one is uploaded he can add more but with above restriction
Will you guys please help me out
I tried maxFiles:1 but what it does it allow user to select one file from pop-window(perfect), but after that, if a user tries to add another one it crashes,
A new section for uploading image opens (an image preview, status bar and delete button (preview remains null))Upload button turns to loading and it keeps loading and loading
And on inspecting
inspecting that second loading image section in Google console
I got that it is giving an error message that you can't upload more file...
<div class="dz-error-message"><span data-dz-errormessage="">You can not upload any more files.</span></div>
Please help me out, I shall be very thankful
I have some customized PNG images in HTML pages. I want to Hyperlink these images in a way that when clicked they should download as a .MSG file. That is, it should give the option of opening in an Outlook email body straight away.
I'm not sure how to go about this. Whether I need to convert the PNG images to MSG files somehow.
Any advice would be appreciated.
As a background, the HTML files are currently heavy on JavaScript that is used to customize the images by the user. The customized images can be saved as a PNG image by the user by right clicking the image and saving. I have avoided 'download' attribute because of its inconsistent support across browsers.
What I want is for the user to be able to load the final customized image to his/her email straight away.
Outlook will not let you run any scripts of navigate in the HTML body of an email. All navigation will be redirected to an external browser.
On facebook, if you click on edit picture, you get a menu that offers the option Upload photo. I want to implement something similar on my website. I want the browser's file upload dialog to appear once I click on Upload photo, and I'd like it to automatically be submitted once the user selects a picture. How should this be implemented?
A colleague suggested a hidden div that has with an input field of type file, and to automatically trigger the click event when the user clicks on Upload photo, and then, to listen for the change event on the file field, and submit the form using jquery. What do you think?
I would look into a file uploader plugin such as plupload. Plupload has several nice features specifically for the uploading of images such as:
Lower the quality of the image to a specific percentage of the original
Resize the image to specific dimensions if possible
Also, I am pretty sure that plupload has a built in option to automatically submit once the user has selected an image.