У меня есть код для встраивания файлов в страницу и открытия в Google Docs Viewer. но до сих пор я получаю «Нет предварительного просмотра», когда я хочу открыть файлы .doc или docx, но открывается правильно, когда я открываю файлы PDF.
И снова, вместо того, чтобы открыть файл в Google Docs, мне предлагается загрузить файл, а не просматривать его в браузере.
Вот мой код:
<a href="sample.doc" class="embed"><h2>sample.doc</h2><button >view document</button></a>
<script>
$(document).ready(function() {
$('a.embed').gdocsViewer({width:740,height:742});
$('#embedURL').gdocsViewer();
});
</script>
А вот и мой плагин jQuery:
(function($){
$.fn.gdocsViewer = function(options) {
var settings = {
width : '600',
height : '700'
};
if (options) {
$.extend(settings, options);
}
return this.each(function() {
var file = $(this).attr('href');
var ext = file.substring(file.lastIndexOf('.') + 1);
if (/^(tiff|doc|ppt|pps|pdf|docx)$/.test(ext)) {
$(this).after(function () {
var id = $(this).attr('id');
var gdvId = (typeof id !== 'undefined' && id !== false) ? id + '-gdocsviewer' : '';
return '<div id="' + gdvId + '" class="gdocsviewer"><iframe src="http://docs.google.com/viewer?embedded=true&url=' + encodeURIComponent(file) + '" width="' + settings.width + '" height="' + settings.height + '" style="border: none;margin : 0 auto; display : block;"></iframe></div>';
})
}
});
};})( jQuery );
Google Docs Viewer работает нормально. Для тестирования я использовал этот документ: http://homepages.inf.ed.ac.uk/neilb/TestWordDoc.doc
Посещение https://docs.google.com/viewer?embedded=true&URL = HTTP% 3A% 2F% 2Fhomepages.inf.ed.ac.uk% 2Fneilb% 2FTestWordDoc.doc прямо из новой вкладки результаты в стандартном Google Docs Viewer без проблем.
Тестирование изнутри iframe работает так же:
<iframe src="https://docs.google.com/viewer?embedded=true&url=http%3A%2F%2Fhomepages.inf.ed.ac.uk%2Fneilb%2FTestWordDoc.doc" frameborder="no" style="width:100%;height:160px"></iframe>
Google Docs viewer кажется, больше не работает. Google теперь использует Drive Rest API и документы должны быть преобразованы в формат Google.
Если вы хотите встроить файл Google Doc. Перейдите в File-> Publish to the Web и выберите опцию Embed. Он сгенерирует код фрагмента вставки.