jQuery-File-Upload - TypeError: $(…).fileupload is not a function Bootstrap FileInput问题

翻译 2018年04月17日 14:07:10

将引入的script 库和js 写在 标签前面,就正常了

<script type="text/javascript" src="jquery-2.1.1.min.js"></script>

<body>

<form id="MyID" method="post" action="JSFPAGE" enctype="multipart/form-data">

<span class="btn btn-success fileinput-button">
   <i class="glyphicon glyphicon-plus"></i>
      <span>Select files...</span>
      <input id="fileupload" type="file" name="files[]" multiple>
</span><br><br>

...

<script type="text/javascript">
$(function () {
    'use strict';
    // Change this to the location of your server-side upload handler:
    var url = 'xUpload.xsp';
    $('#fileupload').fileupload({
        url: url,
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo('#files');
            });
        },
       ...
});
</script>

</form>
<script type="text/javascript" src="jquery.ui.widget.js"></script>
<script type="text/javascript" src="jquery.iframe-transport.js"></script>
<script type="text/javascript" src="jquery.fileupload.js"></script>

深入Javascript Function(函数)视频教程

-
  • 1970年01月01日 08:00

$.widget('blueimp.fileupload') Uncaught TypeError: undefined is not a function

使用fileupload 遇到的问题: 改成这样就可以了,需要把jquery.ui.widget.js放到 jquery.fileupload.js...
  • arkblue
  • arkblue
  • 2014-12-29 21:36:39
  • 5098

Uncaught TypeError: $(...).customFileInput is not a function

1、错误描述demo.js:214 Uncaught TypeError: $(...).customFileInput is not a function at HTMLDocument. ...
  • you23hai45
  • you23hai45
  • 2017-08-10 21:10:15
  • 1167

jQuery File upload, Uncaught TypeError: Object function ... ... has no method 'widget'

本周在做一个文件上传的模块,用的是jQuery F
  • zhouyingge1104
  • zhouyingge1104
  • 2014-07-28 14:33:18
  • 3383

ajaxFileUpload报错$.ajaxFileUpload is not a function解决方法

报错信息Uncaught TypeError:$.ajaxFileUpload is not a function 大意就是,ajaxFileUpload这个函数未定义错误背景我使用了ajaxFil...
  • qq_33171970
  • qq_33171970
  • 2017-03-06 15:07:06
  • 10076

fileupload is not a function 上传错误

1. 原因:jquery.js 冲突 2.解决办法       jquery.js  放在 之前 运行
  • u014479921
  • u014479921
  • 2016-06-24 12:08:54
  • 388

我遇到的$.ajaxFileUpload is not a function

$.ajaxFileUpload is not a function
  • liuzy_perfect
  • liuzy_perfect
  • 2017-01-17 10:23:29
  • 1972

关于bootstrap upload url传输参数问题

bootstrap upload配置如下: $("#input-1").fileinput({//这里的id是input标签的id        uploadUrl: '/appr/upload...
  • twj18744035448
  • twj18744035448
  • 2016-03-09 09:48:57
  • 6195

【Spring】Spring MVC文件上传--整合bootstrap-fileinput和jQuery-File-Upload

前言这里分享两个使用Spring MVC进行文件上传的简单示例, 分别整合bootstrap-fileinput 和 Jquery File Upload , 代码十分简单, 都是入门的示例,因此这里...
  • zhangjk1993
  • zhangjk1993
  • 2016-01-17 11:20:30
  • 4816

bootstrap fileinput 文件上传

最近因为项目需要研究了下bootstrap fileinput的使用,来记录下这几天的使用心得吧。 前台html页面的代码 ...
  • chen1218chen
  • chen1218chen
  • 2016-01-05 16:58:10
  • 25503
收藏助手
不良信息举报
您举报文章:jQuery-File-Upload - TypeError: $(…).fileupload is not a function Bootstrap FileInput问题
举报原因:
原因补充:

(最多只允许输入30个字)