Вставить презентацию Power Point на мою страницу

Question

В моем случае на стороне клиента пользователь может выбрать файл (img (jpg | png | gif)), файл pdf, файл ppt), и данные будут храниться в базе данных. Теперь в панели администратора мне нужно отобразить выбранные файлы. Что я сделал, я использую условие if , если файл img, чем я использую тег img (src = файл для хранения файла/базы данных) и для pdf, который я использую гиперссылка на якорный тег (href = файл containg/значение базы данных) оба работают нормально, но проблема в ppt-файле я сделал то же, что и для pdf, но он напрямую загружает файл, и я хочу показать только файл. Я не знаю, как это я искал в плагине, я ничего не получаю. Я попытался использовать iframe и (src = значение файла/базы данных папки)
Это также не работает над его непосредственной загрузкой файла

Answer 1

Вы можете использовать программу просмотра Google Doc для этого. Он обрабатывает все типы файлов: JPG, GIF, PNG, DOC, DOCX, XLS, XLSX, PPT, PPTX, и т.д. ...

скачать и включить JQuery в сценариях: <script type="text/javascript" src="./js/jquery-1.11.3.min.js"></script>

Создать пустой контейнер для просмотра: <div id='previewContainer'></div>

Вы можете отобразить его при нажатии на кнопку напр: <button class="fileClic" data-file="THE_URL_OF_YOUR_DOC">Display</button> Затем небольшой скрипт, чтобы встроить документ Google IFRAME:

$('.fileClic').on('click', function (e) { 
    e.preventDefault(); 

var file = $(this).data('file'); // the url of the file you want to preview 

$('#previewContainer').html('<iframe src="http://docs.google.com/viewer?url='+file+'&#038;embedded=true" width="400" height="400" style="border: none;"></iframe>') 
});