javascript - jquery and ajax file uploader won't work -



javascript - jquery and ajax file uploader won't work -

i seek follow sample code of jquery , ajax file uploader i've got error. cannot figure out error because when press submit button, nil happens. please help me error.

the controller:

<?php class upload extends ci_controller { public function __construct() { parent::__construct(); $this->load->model('files_model'); $this->load->database(); $this->load->helper('url'); } public function index() { $this->load->view('upload'); } public function upload_file() { $status = ""; $msg = ""; $file_element_name = 'userfile'; if (empty($_post['title'])) { $status = "error"; $msg = "please come in title"; } if ($status != "error") { $config['upload_path'] = './uploads/'; $config['allowed_types'] = 'gif|jpg|png|doc|txt'; $config['max_size'] = 1024 * 8; $config['encrypt_name'] = true; $this->load->library('upload', $config); if (!$this->upload->do_upload($file_element_name)) { $status = 'error'; $msg = $this->upload->display_errors('', ''); } else { $data = $this->upload->data(); $file_id = $this->files_model->insert_file($data['file_name'], $_post['title']); if($file_id) { $status = "success"; $msg = "file uploaded"; } else { unlink($data['full_path']); $status = "error"; $msg = "something went wrong when saving file, please seek again."; } } @unlink($_files[$file_element_name]); } echo json_encode(array('status' => $status, 'msg' => $msg)); } public function files() { $files = $this->files_model->get_files(); $this->load->view('files', array('files' => $files)); } public function delete_file($file_id) { if ($this->files_model->delete_file($file_id)) { $status = 'success'; $msg = 'file deleted'; } else { $status = 'error'; $msg = 'something went wrong when deleteing file, please seek again'; } echo json_encode(array('status' => $status, 'msg' => $msg)); } } ?>

the model:

<?php class files_model extends ci_model { public function insert_file($filename, $title) { $data = array( 'file_name' => $filename, 'file_path' => $title ); $this->db->insert('files', $data); homecoming $this->db->insert_id(); } public function get_files() { homecoming $this->db->select() ->from('files') ->get() ->result(); } public function delete_file($file_id) { $file = $this->get_file($file_id); if (!$this->db->where('id', $file_id)->delete('files')) { homecoming false; } unlink('./files/' . $file->filename); homecoming true; } public function get_file($file_id) { homecoming $this->db->select() ->from('files') ->where('id', $file_id) ->get() ->row(); } } ?>

the view:

<!doctype html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="<?php echo base_url()?>js/site.js"></script> <script src="<?php echo base_url()?>js/ajaxfileupload.js"></script> <link href="<?php echo base_url()?>css/style.css" rel="stylesheet" /> </head> <body> <h1>upload file</h1> <form method="post" action="" id="upload_file"> <label for="title">title</label> <input type="text" name="title" id="title" value="" /> <label for="userfile">file</label> <input type="file" name="userfile" id="userfile" size="20" /> <input type="submit" name="submit" id="submit" /> </form> <h2>files</h2> <div id="files"></div> </body> </html>

the javascript:

$(function() { $('#upload_file').submit(function(e) { e.preventdefault(); $.ajaxfileupload({ url :'./upload/upload_file/', secureuri :false, fileelementid :'userfile', datatype : 'json', info : { 'title' : $('#title').val() }, success : function (data, status) { if(data.status != 'error') { $('#files').html('<p>reloading files...</p>'); refresh_files(); $('#title').val(''); } alert(data.msg); } }); homecoming false; }); }); function refresh_files() { $.get('./upload/files/') .success(function (data){ $('#files').html(data); }); } $('.delete_file_link').live('click', function(e) { e.preventdefault(); if (confirm('are sure want delete file?')) { var link = $(this); $.ajax({ url : './upload/delete_file/' + link.data('file_id'), datatype : 'json', success : function (data) { //files = $(#files); files = $(files); if (data.status === "success") { link.parents('li').fadeout('fast', function() { $(this).remove(); if (files.find('li').length == 0) { files.html('<p>no files uploaded</p>'); } }); } else { alert(data.msg); } } }); } });

javascript jquery ajax

Comments

Post a Comment

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* - i've inherited doc publishing process takes docbook , builds html , pdf output, using apache fop both. project had been started, never completed. lots of tweaking, i've able of doc sets build (20+), except handful, , fail severe code 1 of these 2 conditions: "fo:flow" missing kid elements. required content model: marker* "fo:block" not valid kid of "fo:root" the xml output comes out of docbook , docbook-fop checks out well-formed. the fop error in 1 book, "endecagloss", example, points end of string: <fo:flow flow-name="xsl-region-body" start-indent="4pc" end-indent="0pt"/> here’s log output in case: [java] severe: javax.xml.transform.transformerexception: file:/scratch/publishing/hudson/jobs/build-main-endeca-documentation/workspace/serverdoc/w...
Read more

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? - i want insert tables in infoboxes. example, have proteinbox i've developed using infobox template (http://health-and-medicine.wikia.com/wiki/template:proteinbox), , fasta field big fit comfortably in proteinbox. hence collapsible table within box. this tried: {{infobox | row 1 = {| class = "mw-collapsible mw-collapsed wikitable" |- | <!-- table content --> |} }} your problem is, putting nested table within template. pipe characters ( | ) in table syntax collides pipe usage in templates. the commonly used hack around create template called template:! , containing pipe character, , utilize when need set tables, parser functions or other stuff using pipe characters, within templates. table (with every | replaced {{!}} ): {{{!}} {{!}}- {{!}} a1 {{!}} b1 {{!}}- {{!}} a2 {{!}} b2 {{!}}} ...the equivalent of {| |- | a1 | b1 |- | a2 | b2 |} furthermore, hav...
Read more

Local Service User Logged into Windows -

Local Service User Logged into Windows - i created windows service tracks app server user connected through load balancer. it retrieves user logged windows on machine, cross references active directory (ad) business relationship homecoming first name, lastly name , e-mail (for notification through website created project) there 1 scheme on network users remote system, vista system, reason returning values "local service" logged machine, it's weird , security guys impossible "local service" business relationship logged windows. here how user logged windows managementscope ms = new managementscope("\\\\.\\root\\cimv2"); objectquery query = new objectquery("select * win32_computersystem"); managementobjectsearcher searcher = new managementobjectsearcher(ms, query); foreach (managementobject mo in searcher.get()) { _username = mo["username"].tostring(); } // remove domain part username string[] usernameparts = _...
Read more