آپلود عکس با Ajax در PHP (تمرین شماره سه)

یکی از تکنیک های آپلود در سایت استفاده از روش جی کوئری و ajax می باشد. در این آموزش برای آپلود تصویر از تکنولوژی ajax استفاده کرده ایم.

ما از jQuery AJAX برای پیاده سازی قابلیت آپلود تصویر استفاده می کنیم. یک فرم با input از نوع file و یک دکمه برای ارسال داریم.

با زدن دکمه submit , اسکریپت AJAX اجرا خواهد شد. در این کد , یک درخواست آپلود به فایل PHP برای آپلود عکس ارسال می شود .

کد php تصویر آپلود شده را با فولدر از پیش تعریف شده انتقال (move) و یک تگ img در HTML برای پیش نمایش تصویر در پاسخ AJAX برگشت می دهد.

ساخت فرم HTML برای آپلود عکس

کد زیر به شما HTML مورد نظر برای فرم آپلود تصویر را نشان می دهد.این فرم دارای id به نام uploadForm است که اطلاعات فرم را به آدرس php به نام upload.php ارسال می کند.

<form id=&quotuploadForm&quot action=&quotupload.php&quot method=&quotpost&quot>
<label>Upload Image File:</label><br/>
<input name=&quotuserImage&quot type=&quotfile&quot class=&quotinputFile&quot />
<input type=&quotsubmit&quot value=&quotSubmit&quot class=&quotbtnSubmit&quot />
</form>