2017-04-20 21 views
-2

私はオフラインのページフリップブックを作成しています。XMLHttpRequestがファイルをロードできません:///

MAMPローカルサーバー上でサイトを実行している場合、javascriptはPDFにリンクしています。私がしようとすると、ローカルサーバー上の(デスクトップ)されることなく、コードを実行するときしかし、それはエラーでPDFの読み込みに失敗:

XMLHttpRequest cannot load file:///Users/pmdesign7imac/Downloads/wow_book_plugin%202/examples/pdf/pdf_example.pdf. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. 

それがサーバー上でされることなくファイルにリンクすることは可能ですか?

CODE:

<!DOCTYPE html> 
<html class="no-js"> 
<head> 
    <meta charset="utf-8"> 
    <title></title> 
    <meta name="HandheldFriendly" content="True"> 
    <meta name="MobileOptimized" content="320"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui,maximum-scale=2"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui,maximum-scale=1"> 
    <meta http-equiv="cleartype" content="on"> 

    <link rel="stylesheet" href="css/normalize.css"> 
    <link rel="stylesheet" href="./wow_book/wow_book.css" type="text/css" /> 
    <link rel="stylesheet" href="css/main.css"> 

    <script src="js/vendor/modernizr-2.7.1.min.js"></script> 
</head> 
<body> 
    <div class='book_container'> 
     <div id="book"></div> 
    </div> 

    <script src="js/vendor/jquery-1.11.2.min.js"></script> 

    <script src="js/helper.js"></script> 

    <script type="text/javascript" src="./wow_book/pdf.combined.min.js"></script> 
    <script src="./wow_book/wow_book.min.js"></script> 
    <script> 
     $(function(){ 
      var bookOptions = { 
       height : 500 
       ,width : 800 
       // ,maxWidth : 800 
       ,maxHeight : 600 

       ,centeredWhenClosed : true 
       ,hardcovers : true 
       ,pageNumbers: false 
       ,toolbar : "lastLeft, left, right, lastRight, toc, zoomin, zoomout, slideshow, flipsound, fullscreen, thumbnails, download" 
       ,thumbnailsPosition : 'left' 
       ,responsiveHandleWidth : 50 

       ,container: window 
       ,containerPadding: "20px" 
       ,pdf: "pdf_example.pdf" 

      $('#book').wowBook(bookOptions); 

     }) 
    </script> 

</body> 
</html> 
+0

を開けないよう、ローカルサーバー上のウェブサイトのローカルホストを実行します。 HTTPはネットワークを意味します。 –

+2

[XMLHttpRequestはファイルを読み込めません。クロス起点リクエストはHTTPでしかサポートされていません](http://stackoverflow.com/questions/20041656/xmlhttprequest-cannot-load-file-cross-origin-requests-are-only-support-for-ht) – CBroe

+0

実際にXMLHttpRequest doesn XMLでなければならず、HTTPである必要はありません。しかし、ブラウザで実行されているコードは、特別な手配なしに、セキュリティ上の理由から、ローカルマシンのfilestoreにアクセスすることはできません。 –

答えて

0

は、htmlファイルはそれが原因XMLHttpRequest` `で` Http`一部のだ

+0

私がhtmlでそれを実行している理由は、そのファイルがメモリースティックにあるということです。サーバーはありません。回避策はありますか? – lbollu

+0

xamppやwamp https://www.apachefriends.org/download.html –

+0

のようなローカルサーバーをインストールすることもできます。これはやはりローカルサーバーを使用しています。私はローカルサーバーを使いたくありません。それはメモリスティックから実行する必要があります。 – lbollu

関連する問題