tooka123
پنج شنبه 07 شهریور 1392, 11:41 صبح
سلام من می خوام به روش ajax در codeigniter آپلود کنم چند با گذاشتن فایل جی کوئری باز به روش معمولی آپلود می شه , آیا کتابخانه خاصی وجود داره یا اشتباه نوشتم.
کد view
<?php
$attr=array('id' => 'myform');
echo form_open_multipart('upload/do_upload');
?>
<input type="file" size="60" name="userfile" />
<input type="submit" value="Upload" />
</form>
<div id="progress">
<div id="bar"></div>
<div id="percent">0%</div >
</div>
<div id="message"></div>
کد جی کوئری
$(document).ready(function()
{
$("#myForm").ajaxForm(options);
var options = {
beforeSend: function()
{
$("#progress").show();
//clear everything
$("#bar").width('0%');
$("#message").html("");
$("#percent").html("0%");
},
uploadProgress: function(event, position, total, percentComplete)
{
$("#bar").width(percentComplete+'%');
$("#percent").html(percentComplete+'%');
},
success: function()
{
$("#bar").width('100%');
$("#percent").html('100%');
},
complete: function(response)
{
$("#message").html("<font color='green'>"+response.responseText+"</font>");
},
error: function()
{
$("#message").html("<font color='red'> ERROR: unable to upload files</font>");
}
};
});
دو تا فایل دیگه هم هست که ضمیمه کردم
کد view
<?php
$attr=array('id' => 'myform');
echo form_open_multipart('upload/do_upload');
?>
<input type="file" size="60" name="userfile" />
<input type="submit" value="Upload" />
</form>
<div id="progress">
<div id="bar"></div>
<div id="percent">0%</div >
</div>
<div id="message"></div>
کد جی کوئری
$(document).ready(function()
{
$("#myForm").ajaxForm(options);
var options = {
beforeSend: function()
{
$("#progress").show();
//clear everything
$("#bar").width('0%');
$("#message").html("");
$("#percent").html("0%");
},
uploadProgress: function(event, position, total, percentComplete)
{
$("#bar").width(percentComplete+'%');
$("#percent").html(percentComplete+'%');
},
success: function()
{
$("#bar").width('100%');
$("#percent").html('100%');
},
complete: function(response)
{
$("#message").html("<font color='green'>"+response.responseText+"</font>");
},
error: function()
{
$("#message").html("<font color='red'> ERROR: unable to upload files</font>");
}
};
});
دو تا فایل دیگه هم هست که ضمیمه کردم