通过ifreme实现文件上传

模板页面添加ifreme

<div style=‘ display: none;‘ >

<iframe name ="uploadResponse_attachment" id= "uploadResponse_attachment"></iframe >

<form id ="uploadForm_attachment" action= "<?php echo site_url(‘logistics/upload_chartering_attachment‘) ?>" target= "uploadResponse_attachment" method ="post" enctype= "multipart/form-data">

<input type ="hidden" name="<?php echo $this->security->get_csrf_token_name(); ?>" value= "<?php echo $this->security->get_csrf_hash(); ?>" />

</form >

</div>

对应js页面添加

//上传租船附件

function upload_attachment_chartering()

{

$(‘#attachment_img_notice‘).show();

var file = document.getElementById( "chartering_attachment");

var uploadFormElement = document.getElementById("uploadForm_attachment" );

uploadFormElement .appendChild(file);

document.getElementById("attachment_img_div").innerHTML = ‘<a href="javascript:void(0)" class="btn_blue_26"><span>上传</span></a><input type="file" onchange="upload_attachment_chartering()" name="chartering_attachment" multiple="multiple" id="chartering_attachment">‘;

//提交图片数据

uploadFormElement .submit();

uploadFormElement.removeChild( uploadFormElement.chartering_attachment);

}

//上传成功回掉

function upload_attachment_chartering_callback(file_path)

{

$(".attachment_show_img").attr( ‘src‘,file_path);

$(‘#attachment_image‘).val(file_path);

$(‘#attachment_img_notice‘).hide();

$(‘.attachment_error‘).html( ‘‘);

$(‘.attachment_error‘).hide();

}

//上传失败回掉

function upload_attachment_chartering_fail_callback(fail_remind)

{

$(".attachment_show_img").attr( ‘src‘, ‘/images/11.gif‘);

$(‘#attachment_image‘).val( ‘‘);

$(‘#attachment_img_notice‘).show();

$(‘.attachment_error‘).html(fail_remind);

$(‘.attachment_error‘).show();

}

//控制器

public function _upload_chartering_attachment_post()

{

$data = upload_member_voucher(‘chartering_attachment‘ );

if($data[ ‘succ‘] == 1){

$file_path = $data[ ‘file_path‘];

echo "<script type=‘text/javascript‘>parent.upload_attachment_chartering_callback(‘$file_path ‘)</script>";

} else{

$fail_reason = $data[ ‘fail_reason‘];

echo "<script type=‘text/javascript‘>parent.upload_attachment_chartering_fail_callback(‘".$fail_reason. "‘)</script>";

}

}

//公用上传方法

function upload_member_voucher($form_file_id = ‘‘ ) {

if (!$form_file_id) {

return;

}

$ci = &get_instance();

$cert_dir = $ci-> config->item( ‘cert_path‘) . ‘/‘;

$day_dir = date( ‘Ym‘);

$physics_path = FCPATH . ‘..‘ . $cert_dir . $day_dir;

if (!is_dir($physics_path)) {

mkdir($physics_path, 0755);

}

$config[ ‘upload_path‘] = $physics_path; //文件上传目录

$config[ ‘encrypt_name‘] = true;

$config[ ‘allowed_types‘] = "gif|jpg|png|tif"; //文件类型

$config[ ‘max_size‘] = "1048"; //最大上传大小

$ci-> load->library( "upload", $config);

if ($ci-> upload->do_upload($form_file_id)) { //表单中name="userfile"

$data = $ci-> upload->data(); //返回上传图片的信息

$res[ ‘succ‘] = 1;

$res[ ‘file_path‘] = $cert_dir . $day_dir . ‘/‘ . $data[‘file_name‘];

} else{

$res[ ‘succ‘] = 0;

$res[ ‘fail_reason‘] = $ci->upload->display_errors();

}

return $res;

}