با سلام خدمت همه شما همراهان گرام و محترم

قصد دارم یک کد ساده php و البته مخلوط با javascript شسته رفته از آپلود کردن هر چی دوست دارید به صورت آژاکس (بدون رفرش صفحه) رو براتون بزارم خیلی ساده و کار آمد:

بعله کلا برنامه آپلود ما شامل یک صفحه کد php و یک فایل کمکی image  یا همون folder هست که مواردی که آپ می کنیم داخلش میره و ذخیره می شه بعله.

حالا کد php  ما که اسمش رو گذاشتم upload.php رو شاهد هستین :

کد ها بسیار ساده و رونند :

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p> <p><cke:html xmlns="http://www.w3.org/1999/xhtml"></p> <p><cke:head></p> <p><cke:encoded>%3Cmeta%20http-equiv%3D%22Content-Type%22%20content%3D%22text%2Fhtml%3B%20charset%3Diso-8859-1%22%20%2F%3E</cke:encoded></p> <p><cke:title>Untitled Document</cke:title></p> <p></cke:head></p> <p><cke:body></p> <p>< ?php</p> <p>if (isset($_FILES[‘myfile’]))</p> <p>{</p> <p> $target_path='image/'.$_FILES[‘myfile’][‘name’];</p> <p> $result = 0; </p> <p> if(@move_uploaded_file($_FILES[‘myfile’][‘tmp_name’], $target_path))</p> <p> $result = 1; </p> <p> ?></p> <p> <!–{cke_protected}%3Cscript%20language%3D%22javascript%22%20type%3D%22text%2Fjavascript%22%3E%20%20%20window.top.window.stopUpload(%3C%20%3Fphp%20echo%20%24result%3B%20%3F%3E)%3B%3C%2Fscript%3E–></p> <p>< ?php</p> <p>} else</p> <p>{ ?></p> <p><!–{cke_protected}%3Cscript%20language%3D%22javascript%22%3E%0A%0Afunction%20startUpload()%7B%20%20%20%0A%0A%20%20%20%20document.getElementById('f1_upload_process').style.visibility%20%3D%20'visible'%3B%20%20%20%0A%0Areturn%20true%3B%0A%0A%7D%0A%0Afunction%20stopUpload(success)%7B%20%20%20%20%0A%0A%20%20%20%20%20var%20result%20%3D%20''%3B%20%20%20%20%20%0A%0Aif%20(success%20%3D%3D%201)%7B%20%20%20%20%20%20%20%20%0A%0Adocument.getElementById('result').innerHTML%20%3D'%3Cspan%3EThe%20file%20was%20uploaded%20successfully!%3C%2Fspan%3E%3Cbr%20%2F%3E%3Cbr%20%2F%3E'%3B%20%20%20%20%20%0A%0A%20%20%20%20%20%7Delse%20%7B%0A%0Adocument.getElementById('result').innerHTML%20%3D'%3Cspan%3EThere%20was%20an%20error%20during%20file%20upload!%3C%2Fspan%3E%3Cbr%20%2F%3E%3Cbr%20%2F%3E'%3B%20%20%20%20%20%0A%0A%20%20%20%20%20%7D%0A%0Adocument.getElementById('f1_upload_process').style.visibility%20%3D%20'hidden'%3B%20%20%20%20%0A%0Areturn%20true%3B%20%20%0A%0A%20%20%7D%0A%0A%3C%2Fscript%3E–></p> <p><h1>File Upload Form </h1></p> <p><hr /></p> <p><p></p> <p><form action="< ?php echo "$_SERVER[PHP_SELF]";?>" method="POST" enctype="multipart/form-data" target="upload_target" onsubmit="startUpload();" > </p> <p>File: <input data-cke-saved-name="myfile" name="myfile" type="file" /> </p> <p> <input type="submit" data-cke-saved-name="submitBtn" name="submitBtn" value="Upload" /></p> <p> </form></p> <p></p> </p> <p><p id="f1_upload_process" style="z-index:100;position:absolute;visibility:hidden;">Loading…<br /></p> <p><img data-cke-saved-src="iajax-loader (2).gif" src="iajax-loader (2).gif" /></p></p> <p><p id="result" ></p></p> <p> <iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe> </p> <p>< ?php } // end if ?></p> <p></cke:body><br /> </cke:html><br />

 

اگر نیاز به توضیح داشت کافیه بخوایین ما در خدمتیم.

این هم فایل کامل این مجموعه کد با سایر مخلفاتش برای دانلود کلیک کنید