javascript - 使用 codeigniter 进行 JQuery ajaxfileupload

标签 javascript php jquery codeigniter

早上好。

我想询问有关 JQuery ajax fileUpload 的问题。我对此有一些问题。

  1. 我想从 JavaScript 函数传递一些变量
  2. 通过jquery ajax插入上传文件的变量和值

以下是 JavaScript 函数:

var baseurl = 'http://fadli.com/';
            function upload_item(kode,field,table)
        {
            $("#upload_item_"+table+"_"+kode).hide(); //hide submit button
            $("#loading_image_upload_"+table+"_"+kode).show(); //show loading image
            console.log('masuk ke fungsi upload');


            $.ajaxFileUpload({
                url             : baseurl+"admin/level/upload_item/"+kode+"/"+field+"/"+table, 
                //url           :'./admin/level/upload_file/',
                secureuri       : false,
                fileElementId   :'userfile_'+table+'_'+field+'_'+kode,
                dataType        : 'json',
                data            : {
                    'title'             : $('#sub_modul_title_'+kode).val()
                },
                success : function (data, status)
                {
                    if(data.status != 'error')
                    {
                        // $('#files').html('<p>Reloading files...</p>');
                        // refresh_files();
                        // $('#title').val('');
                        alert('sukses brow');
                        $("#upload_item_"+table+"_"+kode).show(); //show submit button
                        $("#loading_image_upload_"+table+"_"+kode).hide(); //hide loading image
                    }
                    console.log(data.msg);
                },
                error:function (xhr, ajaxOptions, thrownError){
                    console.log(thrownError);
                    $("#upload_item_"+table+"_"+kode).show(); //show submit button
                    $("#loading_image_upload_"+table+"_"+kode).hide(); //hide loading image
                }
            });
            return false;
        }

这是 HTML 代码:

<input type="file" name="userfile" id="userfile_sub_modul_sub_modul_id_<?php echo $sub->sub_modul_id?>" class="styled-finputs">
<button class="btn btn-labeled btn-success btn-xs" type="button" id="upload_item_sub_modul_<?php echo $sub->sub_modul_id; ?>" onclick="upload_item('<?php echo $sub->sub_modul_id?>','sub_modul_id','sub_modul')"><span class="btn-label icon fa fa-picture-o"></span> Upload gambar</button>                                                           
<img src="http://fadli.com/assets/img/input-spinner.gif" id="loading_image_upload_sub_modul_<?php echo $sub->sub_modul_id?>" style="display:none" />

问题是在第一个控制台日志之后,它无法正常工作。

如有任何帮助,我们将不胜感激。

谢谢

最佳答案

对于ajaxFileUpload,是大写A开头的,尝试将ajaxFileUpload改为AjaxFileUpload

关于javascript - 使用 codeigniter 进行 JQuery ajaxfileupload,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28954761/

相关文章:

Javascript:获取 ID 的正文

javascript - 延迟 onBlur 回调

javascript - 通过 JavaScript 将值传递给 php 脚本

php - 我需要将多维 PHP 数组的特定元素与同一数组中的某些其他元素进行比较

javascript - 如何加载标题,更改它,然后重定向到具有更新标题的页面?

asp.net - 如何引用匿名 JavaScript 函数?

javascript - 如何在 Yii 和 Ajax 中加载文章而不重新加载页面

javascript - 如何编辑源自超链接(<a href> 标记)的 HTTP GET 请求的授权 header

javascript - Update 语句将值设置为 null 而不是主键

jquery - 使用 jquery 文件上传在上传之前压缩图像