2014-11-05 20 views
2

我想成立這個插件與我的項目 http://plugins.krajee.com/file-input演示是在這裏,http://plugins.krajee.com/file-input/demo 這是很容易建立, 然而我的項目使用angularjs,requirejs加載所有依賴關係 和angular-ui路由器,因此我將require css文件添加到我的html頁面,然後指向require.js配置文件中的.js文件,當我這樣做時,插件簡單失敗,沒有任何錯誤消息。是否有人有任何線索的問題是還是該插件不require.js引導文件輸入-Kartik - 失敗wihout錯誤消息require.js使用時,anglarjs

這是我需要的配置文件工作

require.config({ 
baseUrl: "/Client/" 
, paths: { 
    "jquery": "libs/jquery-1.10.2.min" 
    , 'async': 'plugins/requirejs-plugins/async' 
      , "angular": "libs/angularjs1.3/angular" 
     , "bootstrapFileInput": "plugins/bootstrapfileinput/js/fileinput" 
} 
}) 

回答

0

Require.js隔離您的JavaScript其他腳本以避免衝突。您需要指定哪些依賴關係文件輸入需要在配置中墊片

require.config({ 
    paths: { 
     'bootstrap': 'path/to/bootstrap.min', 
     'fileinput': 'path/to/fileinput', 
     'jquery': 'path/to/jquery.min' 
    }, 
    shim: { 
     "bootstrap" : { 
      "deps" :['jquery'] 
     }, 
     "fileinput" : { 
      "deps" :['jquery','bootstrap'] 
     } 
    } 
}); 
require(['bootstrap','fileinput'],function(){}); 

第二要求調用將觸發異步負載。 文件輸入將掃描dom並更改它找到的任何輸入,一旦它被加載。

0

我也遇到過這個問題。 也許require.js的版本與您的引導程序輸入組件不兼容。您可以再次嘗試使用較低版本的require.js,例如1.0.8

+0

這似乎是比評論更多的回答。你能提供一些文件來證實這一點嗎? – 2016-11-16 14:03:51

0

我也遇到了這個問題!
當我使用這個插件只是沒有requirejs。一切都OK。 但是當我在requirejs中使用它時,它看起來像正常,初始化代碼似乎正常工作。在控制檯中沒有錯誤,但是當我通過它上傳文件時。 這個插件不會使用我在初始參數中配置的URL將文件數據發佈到我的服務器,它只是將數據發佈到當前頁面的URL。

指定的JavaScript庫如下:

RequireJS 2.1.15 jQuery JavaScript庫v1.11.2 引導-的FileInput v4.3.5

文件加載的細節是:

加載CSS文件用傳統的方法 jQuery,bootstrp和fileinput由requirejs加載JavaScript。

我發現它適用於低版本requirejs(1.0.8) 如果您的項目可以使用低版本requirejs。你可以試試這個解決方案

相關問題