jsがホームページに含まれている場合、ファイルアップロードの定義されていないエラーが発生しました

私のWebページでは、blueimp jquery fileuploadを使用しています。ホームページのheadタグにすべてのcssファイルとjsファイルを含めています。私は多くのメニューを含む左メニューを持っています。 メニュー1をクリックすると、ajaxリクエストが送信され、応答はdiv menuContentに設定されます。jsがホームページに含まれている場合、ファイルアップロードの定義されていないエラーが発生しました

<head> 
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
<link rel="stylesheet" href="file_upload_style.css"> 
<link rel="stylesheet" href="jquery_file_upload.css"> 
<script src="jquery_ui_widget.js"></script> 
<script src="jquery_iframe_transport.js"></script> 
<script src="jquery_file_upload.js"></script> 
</head> 
<div id="menuContent" class="menuContent"></div>

レスポンスには、対応するjqueryファイルアップロードコードのアップロードボタンが含まれています。

<span class="btn btn-success fileinput-button w3-margin-bottom "> 
    <i class="glyphicon glyphicon-plus"></i> 
    <span>Upload</span> 
    <input id="uploadXLSXFile" type="file" name="files"> 
</span> 
<script type="text/javascript"> 
$(function() { 
    'use strict'; 
    $('#uploadXLSXFile').fileupload({ 
     add: function(e, data) { 
      var uploadErrors = []; 
      if (!(/\.(xlsx)$/i).test(data.originalFiles[0].name)) { 
       return false; 
      } 
      data.submit(); 
     }, 
     url: "UploadHandler.php", 
     dataType: 'json', 
     acceptFileTypes : /(\.|\/)(xlsx)$/i, 
     done: function (e, data) { 

     } 
    }).prop('disabled', !$.support.fileInput) 
     .parent().addClass($.support.fileInput ? undefined : 'disabled'); 
}); 

</script>

MENU1に私をクリックすると、この応答はdiv要素に設定されますが、私は

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

のようなエラーを取得していますどのように私はJSがあまりにもAJAX応答でホームページに追加アクセスすることができますか？誰でも私にこれを解決させる手助けはできますか？

ありがとうございます。

出典

2017-08-18 Jenz

のようなあなたのヘッダーにスクリプトを追加します）

var s = document.createElement("script"); 
s.type = "text/javascript"; 
s.src = "http://somedomain.com/somescript"; 
$("head").append(s);

それとも、jQueryのgetScriptを（使用することができます

$.getScript("ajax/test.js", function(data, textStatus, jqxhr) { 
    console.log(data); // Data returned 
    console.log(textStatus); // Success 
    console.log(jqxhr.status); // 200 
    console.log("Load was performed."); 
});

出典

2017-08-18 10:16:49

AJAXリクエストは、PHPファイルを呼び出します。その場合、これは機能しますか？ – Jenz

getScriptはjsコードのみですが、PHPの結果をアップロードした後に最初のアプローチを使用することができます –

jsがホームページに含まれている場合、ファイルアップロードの定義されていないエラーが発生しました

答えて

関連する問題