douyong1905 2016-04-17 07:38
浏览 137

通过ajax上传文件和表单输入

I'm trying to upload a file and some inputs in a form via ajax. I'm using CI and used AjaxFileUpload plugin for file upload. I'm getting

Uncaught TypeError: $.ajaxFileUpload is not a function

HTML:

<form id="importtableform" class="form form-group" method="post">
    Table Name: <select class="form-control" id="tableName">
      <option disabled>--Select Table--</option>
                </select>
    <div class="form-group" style="margin-top:0px !important;">
       <input class="form-control meta" name="csvFile" id="csvFile" type="file" style="cursor: pointer;" accept=".csv">
    </div>
</form>
<button type="button" id="upload" class="btn-modal btn btn-block btn-primary">Upload</button>

JS:

$('#upload').click(function () {

var fileObj = $('#csvFile')[0].files[0];
var tableName = $('#tableName').find(':selected').val();

$.ajaxFileUpload({

    type: 'POST',
    url: baseurl + '/rest/bulkUpload',
    data: {
        'tableName': tableName
    },
    fileElementId   :'csvFile',
    processData: false,
    contentType: false,
    success: function (result) {

        console.log(result);

    }


});


});

EDIT

I tried formData() with plain ajax before using this third party plugin, in that case I got another error

$this->upload->display_errors()

You did not select a file to upload.

  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 求差集那个函数有问题,有无佬可以解决
    • ¥15 【提问】基于Invest的水源涵养
    • ¥20 微信网友居然可以通过vx号找到我绑的手机号
    • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
    • ¥15 解riccati方程组
    • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
    • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
    • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
    • ¥50 树莓派安卓APK系统签名
    • ¥65 汇编语言除法溢出问题