mohammadreza0123
جمعه 14 شهریور 1393, 11:10 صبح
سلام دوستان
من یه مشکلی برخوردم اعصاب نذاشت برام
میخوام به روش ایجکس یه اطلاعات یه فرم رو در دیتابیس قرار بدم که در اون فرم یه fileField هم دارم از طریق اون باید عکسی انتخاب بشه و بعد از پر کردن فرم و زدن ثبت هم آپلود صورت بگیره هم اینسرت
فرمم به این صورته
<form action="slider/sabt.php" method="post" enctype="multipart/form-data" id="form_slider" onsubmit="return flase">
<table>
<tr>
<td>انتخاب عکس:</td>
<td><input name="image_selector" id="image_selector" type="file" />
</td>
<td>
</td>
</tr>
<tr>
<td>عنوان اسلایدر:
</td>
<td><input name="txt_onvan_slider" id="txt_onvan_slider" type="text" style="width:300px;" />
</td>
</tr>
<tr>
<td>لینک اسلایدر:
</td>
<td><input name="txt_link_slider" id="txt_link_slider" type="text" style="width:350px;" />
</td>
</tr>
<tr>
<td>توضیحات:
</td>
<td><textarea name="txt_tozihat_slider" id="txt_tozihat_slider" cols="50" rows=""></textarea>
</td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="ثبت" id="btn_sabt" /> <input type="reset" value="پاک کردن"
/></td>
</tr>
</table>
</form>
که توو همین صفحه فرمم دو تا فایل جاوا اسکریپت ایمپورت کردم
<script src="../javascript/js.js"></script>
<script src="../javascript/jquery.form.js"></script>
<script src="../javascript/jquery.js">
</script>
در js.js من کد های زیر وجود داره و به صورت زیر نوشتم
$(document).ready(function(){
$("#btn_sabt").click(function sabt(){
var onvan=$("#txt_onvan_slider").val();
var tozihat=$("#txt_tozihat_slider").val();
var link_slider=$("#txt_link_slider").val();
var pic=$("#image_selector").val();
$.post("../adminpanel/slider/sabt.php",{onvan:onvan,link_slider:link_slider,tozihat:tozi hat,pic:pic},function(result){$("#result").html(result);});
});
//be in manast ke jaei ke id an form_slider hast va dar hale submit bud biad tabei ro ejra kone
$("#form_slider").submit(
function()
{
var set={target:'#result',beforeSubmit:before};
$("#form_slider").ajaxSubmit(set);//miad etelate formo be safe server mifreste ta karash anjam beshe
return false; // baraye inke be safe action narim inkar anjam mishe
});
function before()
{
$("#result").html(<h4> در حال ثبت</h4>);
}
});
و در فایل jquey.js هم کتابخونه جی کوئریه
لطفا هر چه سریعتر کمک کنید خیلی عقب افتادم از برنامم
منتظرم دوستان
من یه مشکلی برخوردم اعصاب نذاشت برام
میخوام به روش ایجکس یه اطلاعات یه فرم رو در دیتابیس قرار بدم که در اون فرم یه fileField هم دارم از طریق اون باید عکسی انتخاب بشه و بعد از پر کردن فرم و زدن ثبت هم آپلود صورت بگیره هم اینسرت
فرمم به این صورته
<form action="slider/sabt.php" method="post" enctype="multipart/form-data" id="form_slider" onsubmit="return flase">
<table>
<tr>
<td>انتخاب عکس:</td>
<td><input name="image_selector" id="image_selector" type="file" />
</td>
<td>
</td>
</tr>
<tr>
<td>عنوان اسلایدر:
</td>
<td><input name="txt_onvan_slider" id="txt_onvan_slider" type="text" style="width:300px;" />
</td>
</tr>
<tr>
<td>لینک اسلایدر:
</td>
<td><input name="txt_link_slider" id="txt_link_slider" type="text" style="width:350px;" />
</td>
</tr>
<tr>
<td>توضیحات:
</td>
<td><textarea name="txt_tozihat_slider" id="txt_tozihat_slider" cols="50" rows=""></textarea>
</td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="ثبت" id="btn_sabt" /> <input type="reset" value="پاک کردن"
/></td>
</tr>
</table>
</form>
که توو همین صفحه فرمم دو تا فایل جاوا اسکریپت ایمپورت کردم
<script src="../javascript/js.js"></script>
<script src="../javascript/jquery.form.js"></script>
<script src="../javascript/jquery.js">
</script>
در js.js من کد های زیر وجود داره و به صورت زیر نوشتم
$(document).ready(function(){
$("#btn_sabt").click(function sabt(){
var onvan=$("#txt_onvan_slider").val();
var tozihat=$("#txt_tozihat_slider").val();
var link_slider=$("#txt_link_slider").val();
var pic=$("#image_selector").val();
$.post("../adminpanel/slider/sabt.php",{onvan:onvan,link_slider:link_slider,tozihat:tozi hat,pic:pic},function(result){$("#result").html(result);});
});
//be in manast ke jaei ke id an form_slider hast va dar hale submit bud biad tabei ro ejra kone
$("#form_slider").submit(
function()
{
var set={target:'#result',beforeSubmit:before};
$("#form_slider").ajaxSubmit(set);//miad etelate formo be safe server mifreste ta karash anjam beshe
return false; // baraye inke be safe action narim inkar anjam mishe
});
function before()
{
$("#result").html(<h4> در حال ثبت</h4>);
}
});
و در فایل jquey.js هم کتابخونه جی کوئریه
لطفا هر چه سریعتر کمک کنید خیلی عقب افتادم از برنامم
منتظرم دوستان