درین فراگیری ما به شما نشان خواهیم بخشید که چه طور با کلیک روی یک دکمه به تعداد دلخواه file fields داشته باشید طراحی سایت در مشهد و چهگونه از PHP برای آپلود فولدر های خویش استعمال فرمایید . مایحتاج به یادآوری وجود ندارد که ما درین فراگیری از تکنیک های jQuery و PHP به کارگیری خوا هیم کرد.
اضافه کردن و حذف فیلد درج پوشه به یاری jQuery And PHP
برای انجام اضافه کردن و حذف فیلد فولدر فقط سه قدم ما یحتاج میباشد:
1. یک فولدر HTMl بسازید
2. یک پوشه PHP برای آپلود عکس بسازید
3. یک فولدر CSS برای تولید استایل بسازید.
قدم 1. یک پوشه HTML بسازید.
ما اینجا این فولدر را ساخته و به اسم file.html ذخیره کرده ایم
"ADD
"SUBMIT"
ما دراین قدم یک فرم برای آپلود فولدر و افزون فیلد پوشه در آستانه عمل ساختوساز کرده ام . و دکمه add more را برای اضافه کردن به تعداد فیلد های پوشه در شکل نیاز در لحاظ گرفته ایم فانکشن آن به اسم add_file() برای تولید تگ های div دربردارنده فیلدهای فولدر تاسیس شده است و دکمه حذف در file_div با فانکشن remove_file() برای حذف فیلد فولدر بعداز کلیک استفاده کننده روی دکمه حذف خواهد بود.
قدم 2. ساخت پوشه PHP برای آپلود فایلها
ما یک پوشه PHP برای آپلود فولدر ها ساخت و ساز و آن را با اسم upload_file.php ذخیره کرده ایم کد های پایین را ملاحظه کنید.
if(isset($_POST[\'submit_file\']))
{
for($i=0;$i {
$uploadfile=$_FILES["file"]["tmp_name"][$i];
$folder="files/";
move_uploaded_file($_FILES["file"]["tmp_name"][$i], "$folder".$_FILES["file"]["name"][$i]);
}
}
?>
ما دراین قدم یک آرایه فولدر تولید کردیم و مجموع فولدر های مو جود در آرایه را با یک رینگ در فایل متبوع آپلود کرده ایم.
قدم 3.ساختوساز یک CSS برای اضافه کردن استایل ها .
ما یک پوشه CSS ساخت و با اسم file_style.css ذخیره کرده ایم.به کدهای پایین نگاه نمایید.
body
{
margin:0 auto;
padding:0px;
text-align:center;
width:100%;
font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
background-color:#ECF0F1;
}
#wrapper
{
margin:0 auto;
padding:0px;
text-align:center;
width:995px;
}
#wrapper h1
{
margin-top:50px;
font-size:45px;
color:#626567;
}
#wrapper h1 p
{
font-size:18px;
}
#file_div
{
width:360px;
padding:20px;
margin-left:300px;
background-color:white;
margin-bottom:20px;
}
#file_div input[type="file"]
{
margin-top:10px;
}
#file_div input[type="button"]
{
background-color:#424242;
border:none;
width:110px;
height:35px;
color:white;
border-radius:3px;
}
#file_form input[type="submit"]
{
background-color:#424242;
border:none;
width:110px;
height:35px;
color:white;
border-radius:3px;
}
این انتها فعالیت میباشد . این کل چیزی میباشد که برای درج و حذف فیلد های پوشه به یاری Jquery و HTML شما میتوانید کد ها را مبنی بر نیاز خویش سفارشی فرمایید.
درین فراگیری ما به شما نشان خواهیم بخشید که چه طور با کلیک روی یک دکمه به تعداد دلخواه file fields داشته باشید طراحی سایت در مشهد و چهگونه از PHP برای آپلود فولدر های خویش استعمال فرمایید . مایحتاج به یادآوری وجود ندارد که ما درین فراگیری از تکنیک های jQuery و PHP به کارگیری خوا هیم کرد.
اضافه کردن و حذف فیلد درج پوشه به یاری jQuery And PHP
برای انجام اضافه کردن و حذف فیلد فولدر فقط سه قدم ما یحتاج میباشد:
1. یک فولدر HTMl بسازید
2. یک پوشه PHP برای آپلود عکس بسازید
3. یک فولدر CSS برای تولید استایل بسازید.
قدم 1. یک پوشه HTML بسازید.
ما اینجا این فولدر را ساخته و به اسم file.html ذخیره کرده ایم
"ADD
"SUBMIT"
ما دراین قدم یک فرم برای آپلود فولدر و افزون فیلد پوشه در آستانه عمل ساختوساز کرده ام . و دکمه add more را برای اضافه کردن به تعداد فیلد های پوشه در شکل نیاز در لحاظ گرفته ایم فانکشن آن به اسم add_file() برای تولید تگ های div دربردارنده فیلدهای فولدر تاسیس شده است و دکمه حذف در file_div با فانکشن remove_file() برای حذف فیلد فولدر بعداز کلیک استفاده کننده روی دکمه حذف خواهد بود.
قدم 2. ساخت پوشه PHP برای آپلود فایلها
ما یک پوشه PHP برای آپلود فولدر ها ساخت و ساز و آن را با اسم upload_file.php ذخیره کرده ایم کد های پایین را ملاحظه کنید.
if(isset($_POST[\'submit_file\']))
{
for($i=0;$i {
$uploadfile=$_FILES["file"]["tmp_name"][$i];
$folder="files/";
move_uploaded_file($_FILES["file"]["tmp_name"][$i], "$folder".$_FILES["file"]["name"][$i]);
}
}
?>
ما دراین قدم یک آرایه فولدر تولید کردیم و مجموع فولدر های مو جود در آرایه را با یک رینگ در فایل متبوع آپلود کرده ایم.
قدم 3.ساختوساز یک CSS برای اضافه کردن استایل ها .
ما یک پوشه CSS ساخت و با اسم file_style.css ذخیره کرده ایم.به کدهای پایین نگاه نمایید.
body
{
margin:0 auto;
padding:0px;
text-align:center;
width:100%;
font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
background-color:#ECF0F1;
}
#wrapper
{
margin:0 auto;
padding:0px;
text-align:center;
width:995px;
}
#wrapper h1
{
margin-top:50px;
font-size:45px;
color:#626567;
}
#wrapper h1 p
{
font-size:18px;
}
#file_div
{
width:360px;
padding:20px;
margin-left:300px;
background-color:white;
margin-bottom:20px;
}
#file_div input[type="file"]
{
margin-top:10px;
}
#file_div input[type="button"]
{
background-color:#424242;
border:none;
width:110px;
height:35px;
color:white;
border-radius:3px;
}
#file_form input[type="submit"]
{
background-color:#424242;
border:none;
width:110px;
height:35px;
color:white;
border-radius:3px;
}
این انتها فعالیت میباشد . این کل چیزی میباشد که برای درج و حذف فیلد های پوشه به یاری Jquery و HTML شما میتوانید کد ها را مبنی بر نیاز خویش سفارشی فرمایید.