I have a form with repeated group. Each added group contains 3 fileupload elements with limit of 1,5 MB. The selected image information is removed if one of the images are to big upon upload - can this in any way be avoided, so that one not has to select all images all over if one is too big ? I know that Ajax could validate befor upload, but you have earlier told that ajax is not supported with repeat groups ?
-
New Commercial Services Section
We have now opened a commercial services section here on the forum for registered users. If you have a Fabrik project that you wish to have someone work on for you, post it under Help Wanted. If you are an application developer and wish to earn some money helping others, post your details under Fabrik Application Developers.
Both of these are unmoderated. It will be up to both parties to work out the details and come to an agreement.
-
Joomla 5.1
For running J!5.1 you must https://fabrikar.com/forums/index.php?wiki/update-from-github/ or include the new file manually https://fabrikar.com/forums/index.php?threads/joomla-5-1-and-fabrik-cannot-find-files-error.54473/post-285151 See also Announcements
Selected image information deleted if to big..
- Thread starter rbuelund
- Start date
I managed to create a javascript on each fileupload element that checks the size on change:
var fileUpload = document.querySelectorAll('[id^="nfo2fabrik_killinger_65_repeat___image_1"]');
[].forEach.call(fileUpload, function (e){
if (e.files !== null) {
if (e.value !== ''){
var size = parseFloat(e.files[0].size / 1024).toFixed(2);
if(size > 1499)
{
alert("The image you have selected is bigger thanbj 1500 KB ! Size is: " + size + " KB. Please select another image less than 1500 KB");
e.value = '';
}
}
}
});
var fileUpload = document.querySelectorAll('[id^="nfo2fabrik_killinger_65_repeat___image_1"]');
[].forEach.call(fileUpload, function (e){
if (e.files !== null) {
if (e.value !== ''){
var size = parseFloat(e.files[0].size / 1024).toFixed(2);
if(size > 1499)
{
alert("The image you have selected is bigger thanbj 1500 KB ! Size is: " + size + " KB. Please select another image less than 1500 KB");
e.value = '';
}
}
}
});
Just made the script a little better. Now it also resets the preview image:
var maxsize = 1500;
var fileUpload = document.querySelectorAll('[id^="nfo2fabrik_killinger_65_repeat___image_1"]');
[].forEach.call(fileUpload, function (e){
if (e.files !== null) {
if (e.value !== ''){
var size = parseFloat(e.files[0].size / 1024).toFixed(2);
if(size > maxsize)
{
alert("The image you just selected is bigger than "+maxsize+" KB ! The size is: " + size + " KB. Please select another image that is smaller than "+maxsize+" KB");
alert(e.parentElement.className);
e.value = '';
var tempimage = e.parentElement.getElementsByTagName('img');
tempimage[0].src = "/";
var tempimagespan = e.parentElement.getElementsByTagName('span');
tempimagespan[0].classList.add("fabrikHide");
}
}
}
});
var maxsize = 1500;
var fileUpload = document.querySelectorAll('[id^="nfo2fabrik_killinger_65_repeat___image_1"]');
[].forEach.call(fileUpload, function (e){
if (e.files !== null) {
if (e.value !== ''){
var size = parseFloat(e.files[0].size / 1024).toFixed(2);
if(size > maxsize)
{
alert("The image you just selected is bigger than "+maxsize+" KB ! The size is: " + size + " KB. Please select another image that is smaller than "+maxsize+" KB");
alert(e.parentElement.className);
e.value = '';
var tempimage = e.parentElement.getElementsByTagName('img');
tempimage[0].src = "/";
var tempimagespan = e.parentElement.getElementsByTagName('span');
tempimagespan[0].classList.add("fabrikHide");
}
}
}
});