$(document).on('change','#afbeelding',function(e){
//const size = this.files[0].size / 1024 / 1024;
var _URL = window.URL || window.webkitURL;
var file, img;
var blah;
var wid, ht;
var sub = $('#submitLink');
if ((file = this.files[0])) {
img = new Image();
img.onload = function () {
wid = this.width;
ht = this.height;
if (wid < 728 || ht > 728)
{ console.log(wid);
//$('#submitLink').attr('disabled','disabled');
$('#submitLink').attr('style','display:none!important');
} else {
$('#submitLink').removeAttr('disabled');
}
$('#blah').attr('src', URL.createObjectURL(file));
// alert(wid);
// alert(ht);
};
console.log(URL.createObjectURL(file));
$('#blah').attr('src', URL.createObjectURL(file));
img.src = _URL.createObjectURL(file);
}
});
De code spreekt voor zich.
De img width laat hij zien in de console.log.
Maar #blah krijgt geen source, dus de img ord niet getoond.
En $('#submitLink').attr('style','display:none!important'); gebeurd niks mee.
Ook geen enkele foutmelding, dus vind dit heel vreemd.
Een id waarde moet toch globaal beschikbaar zijn?
MVG
Daniel
[size=xsmall]Toevoeging op 24/04/2024 15:00:43:[/size]
Als ik trouwens :
$('#submitLink').attr('style','display:none!important');
Net onder
$(document).on('change','#afbeelding',function(e){
plaats, dan gebeurd er hetzelfde. Terwijl die gewoon bestaat in een bootstrap modal waarin deze form #afbeelding geladen word
[size=xsmall]Toevoeging op 24/04/2024 16:12:46:[/size]
Kleine toevoeging.
Ik plaats dit er ook bij
if ($("#pic").length > 0) // use this if you are using id to check
{
// it exists
console.log('exists');
$('#pic').attr('style','display:block');
}
Een ander element, en hij geeft aan exist in console log, maar kan er niks mee doen.
Snap hier niks van, dit soort dingen is me nooit overkomen.
