آپلود فایل در php Dropzone با کلیک بر روی دکمه

در این آموزش روش آپلود فایلها در php dropzone را با کلیک بر روی دکمه آموزش میدهیم. یاد میگیرید که چطور با کد نویسی ترتیبی دهید تا با کلیک بر روی دکمه فایلها در php dropzone آپلود شود.روش کدنویسی برای آپلود فایلها در php dropzone را گام به گام به شما نشان میدهیم
ما می توانیم با کدنویسی باکلیک بر روی دکمه همه فایلها را در php dropzone آپلود کنیم.معمولا برای آپلود فایلها به روش کشیدن و درگ کردن از dropzon js استفاده می کنیم. برای این منظور روش به این صورت که فایل مورد نظر انتخاب میشود و پس از انتخاب فایل آپلود شروع می شوداما اگر بخواهید برای آپلود فایلها از یک دکمه استفاده کنید باید در Php کدنویسی کنید. به شما یاد میدهیم که با کدنویسی رویداد دکمه ترتیبی دهید تا با کلیک بر روی دکمه همه فایلها آپلود شود.
قصد داریم با کدنویسی و با استفاده از php و dropzone js کدنویسی دکمه را انجام دهیم تا تنها با کلیک دکمه همه فایلها آپلود شود. در این تمرین برای اینکه شکل و شمایل بهتری به پروژه بدهیم از بوت استرپ هم استفاده خواهیم کرد. این آموزش یک نمونه نمایشی از کدنویسی در php برای آپلود چندین فایل در php dropzone با کلیک بر روی دکمه است

برای ایجاد دکمه و آپلود فایلها در php dropzone با کلیک بر روی دکمه باید مراحل زیر را انجام دهید:

1. یک فایل index.php ایجاد کنید
2. یک فایل upload.php ایجاد کنید
3.یک پوشه Upload ایجاد کنید

با انجام این سه مرحله و کدنویسی های لازم میتوانید فایلها را با کلیک دکمه در php dropzone آپلود کنید

در این مثال میتوانید برای ورود اطلاعات بصورت آنلاین از dropzone js cdn استفاده کنید یا اینکه میتوانید dropzone js را دانلود کنید و بصورت لوکال استفاده کنید

پیش نمایش انجام مراحل در زیر مشاهده میکنید.

پیش نمایش

مرحله 1: یک فایل index.php ایجاد کنید

در این مرحله باید ابتدا یک فایل به نام index.php ایجاد کنید و کد زیر در این فایل کپی کنید. برای استفاده از bootstrap ، dropzone js و jquery می توانید از cdn استفاده کنید.
در کد زیر برای رویداد کلیک دکمه کدنویسی می کنیم به ترتیبی که باکلیک بر روی دکمه تمام فایلها و تصاویربه سرورآپلود شود
مراحل زیر را دنبال کنید:

index.php

<!DOCTYPE html>
<html>
<head>
<title>PHP Dropzone File Upload on Button Click Example</title>
<script src="http://demo.itsolutionstuff.com/plugin/jquery.js"></script>
<link rel="stylesheet" href="http://demo.itsolutionstuff.com/plugin/bootstrap-3.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/min/dropzone.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.2.0/min/dropzone.min.js"></script>
</head>
<body>

<div class="container">
<div class="row">
<div class="col-md-12">
<h2>PHP Dropzone File Upload on Button Click Example</h2>
<form action="upload.php" enctype="multipart/form-data" class="dropzone" id="image-upload">
<div>
<h3>Upload Multiple Image By Click On Box</h3>
</div>
</form>
<button id="uploadFile">Upload Files</button>
</div>
</div>
</div>

<script type="text/javascript">

Dropzone.autoDiscover = false;

var myDropzone = new Dropzone(".dropzone", {
autoProcessQueue: false,
maxFilesize: 1,
acceptedFiles: ".jpeg,.jpg,.png,.gif"
});

$('#uploadFile').click(function(){
myDropzone.processQueue();
});

</script>

</body>
</html>

مرحله 2: یک فایل upload.php ایجاد کنید

در این مرحله باید یک فایل به نام upload.php درریشه سرور خود ایجاد کنید و برای پوشه upload در این فایل کدنویسی انجام دهید.

upload.php

<?php
$uploadDir = 'uploads';
if (!empty($_FILES)) {
$tmpFile = $_FILES['file']['tmp_name'];
$filename = $uploadDir.'/'.time().'-'. $_FILES['file']['name'];
move_uploaded_file($tmpFile,$filename);
}

مرحله 3: پوشه آپلود را ایجاد کنید

در مرحله آخر باید یک پوشه بنام upload برای ذخیره فایلها و تصاویر بر روی سرور ایجاد کنیم. میتوانید نام دیگری برای پوشه آپلود انتخاب کنید ولی باید دقت داشته باشید که در فایل upload.php ارجاعهای مربوط به پوشه upload تغییر دهید و بروزرسانی کنید و آدرسها را درست کنید

بعد از تکمیل کدنویسی فایلها و ایجاد پوشه آماده ایم تا پروژه را اجرا کنیم. برای این منظور پروژه را در دایرکتوری ریشه سرور خود با اجرای فرمان زیر اجرا نمایید.

php -S localhost:8000

حال لینک زیر را در مرورگر خود باز کنید

http://localhost:8000

پکیج های آموزشی جدید

آموزش ساخت سیستم نظردهی با PHP

فصلِ: 1 , تعداد قسمت ها: 7 , سطح: صفر تا صد

موضوعات: آموزش PHP

این فصل در یک نگاه:

در این مجموعه به ساخت سیستم نظردهی در php می پردازیم.…

بنا به درخواست یکی از کاربران گرامی سایت (امیر تجاره) طی چند مجموعه آموزشی قصد داریم نحوه ساخت و پیاده سازی سیستم ثبت نظرات و هم چنین نحوه ثبت پاسخ به هر نظر را مورد بررسی قرار دهیم. این مج…

طراحی و برنامه نویسی وب

برنامه نویسی موبایل

برنامه نویسی ویندوز

سایر