2017-04-20 73 views
-2

我創建一個脫機翻頁的書。的XMLHttpRequest無法加載文件:///

關到我是否正在運行甲基苯丙胺本地服務器上的網站PDF的JavaScript鏈接。但是,當我嘗試而不在本地服務器上(臺式機)上運行的代碼失敗與錯誤加載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

這是因爲在'XMLHttpRequest'了'Http'部分。 HTTP意味着一個網絡。 –

+2

[XMLHttpRequest可能重複無法加載文件。跨起源請求僅支持HTTP(http://stackoverflow.com/questions/20041656/xmlhttprequest-cannot-load-file-cross-origin-requests-are-only-supported-for-ht) – CBroe

+0

其實沒有按的XMLHttpRequest不必是XML,也不一定是HTTP。但是,出於安全原因,在瀏覽器中運行的代碼不能在沒有特殊安排的情況下訪問本地計算機中的文件存儲。 –

回答

0

在本地服務器上運行您的網站本地主機而不是HTML文件打開

+0

的全部原因,我通過HTML運行它,該文件將在記憶棒上。它不會有任何服務器。有沒有解決辦法? – lbollu

+0

你可以安裝像XAMPP或WAMP https://www.apachefriends.org/download.html –

+0

本地服務器再次,這是使用本地服務器。我不想使用本地服務器。它需要從記憶棒中運行。 – lbollu