07-06-2013, 16:43
|
|
|
חבר מתאריך: 13.08.02
הודעות: 696
|
|
עזרה בבדיקת תמונה לפני שליחת הטופס (JS)
היי.
יש לי טופס העלאת תמונה וסקריפט שיוצר לי תצוגה מקדימה.
אני רוצה שעוד בתצוגה המקדימה אני אוכל לעשות בדיקות על התמונה.
בעיקרון הקוד שלי עובד אך יש לו מאין "מצבי רוח", לפעמים עובד ולפעמים לא.
בתגית הinput של העלאה הוספתי את:
קוד:
onchange="checkfile();"
ומה שזה מפעיל:
קוד:
function checkfile()
{
var fup = document.getElementById('file');
var fileName = fup.value;
var ext = fileName.substring(fileName.lastIndexOf('.') + 1); //get the ext of the file
if(ext == "png")
{
PreviewImage(); //create the preview img
checksize(); //check the img pix
}
else{alert("סיומת הקובץ חייבת להיות PNG");clear();}
}
function PreviewImage()
{
oFReader = new FileReader();
oFReader.readAsDataURL(document.getElementById("file").files[0]);
oFReader.onload = function (oFREvent)
{
document.getElementById("uploadPreview").src = oFREvent.target.result;
};
}
function checksize()
{
var img = document.getElementById('uploadPreview');
if(img.width<321 || img.height<51)
{
alert("גודל התמונה חייב להיות מתחת ל320X50!");
}
}
function clear()
{
document.getElementById("uploadPreview").src = "NONE";
document.getElementById('file').value='';
}
התצוגה מקדימה עובדת.
הבדיקה של הסיומת עובדת.
הבעיה זה הבדיקת גודל והשמה של המחיקה, שניהן עובדות לסירוגין.
תודה מראש!!!
|