الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

طريقة التأكد من حجم الصصورة ياليت تدخلوا

بدأه stest في 16 يونيو 2011 · 1 رد · 659 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

انا اريد ان اتاكد من حجم الصورة قبل ارسالها ان لايتعدى حجم معين

ولكن لا تعمل معي ولايدخل من الاصل دالة الجافا سكريبت

<form id="editing" enctype="multipart/form-data" name="editing" action="editlogo-exec.php" method="post" onsubmit="return checksize()" >
 <table cellspacing="15">

<tr>      
<th>Select your new Picture : </th>
<td><input name="picupload" type="file" id="picupload"  /></td> 
</tr>
<tr>
<td> </td>
 <td><input type="button" name="Submit" value="Upload" /></td>
 </tr>
 </table>

</form>

function checksize()
{
iw=document.editing.getElementById("picupload").width;
ih=document.editing.getElementById("picupload").height;
    if(iw > 400 || ih > 400)
	{
	  alert("size must be less than 400");
	  return false;
    }
	else
	return true;
}
#2

كتبت لك هذا المثال المتكامل:

<html>
<head></head>
<body>
<script type="text/javascript">
function validateSize(imageID)
{
	// create a new image object
	var newImg = new Image();

	// set image properties
	newImg.src = document.getElementById('image').src;
	var height = newImg.height;
	var width = newImg.width;

	if(width > 400 || height > 400)
        {
		alert("size must be less than 400");
		return false;
	}
	else
	{
		alert("all set, ready to go");
		return true;
	}
}
</script>
<img src="lock.png" id="image"> <br />
<form method="post" action="" onsubmit="return validateSize('image')">
	<input type="submit" value="Submit to Validate" />
</form>
</body>
</html>

Do as I say, not as I do

We are Anonymous. We are Legion. We don't forgive. We don't forget

مواضيع مشابهة