私はオフラインのページフリップブックを作成しています。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>
を開けないよう、ローカルサーバー上のウェブサイトのローカルホストを実行します。 HTTPはネットワークを意味します。 –
[XMLHttpRequestはファイルを読み込めません。クロス起点リクエストはHTTPでしかサポートされていません](http://stackoverflow.com/questions/20041656/xmlhttprequest-cannot-load-file-cross-origin-requests-are-only-support-for-ht) – CBroe
実際にXMLHttpRequest doesn XMLでなければならず、HTTPである必要はありません。しかし、ブラウザで実行されているコードは、特別な手配なしに、セキュリティ上の理由から、ローカルマシンのfilestoreにアクセスすることはできません。 –