Commit ed58da1a authored by mhw's avatar mhw

txt预览修改

parent d38b3763
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
</div> </div>
<pdf :page="currentPage" :src="url" class="pdf"></pdf> <pdf :page="currentPage" :src="url" class="pdf"></pdf>
</template> </template>
<div class="txt" v-else-if="['txt'].indexOf(fileType)>-1" v-html="txtContent"> <div class="txt" v-else-if="['txt'].indexOf(fileType)>-1">
{{ txtContent }}
</div> </div>
<div class="video" v-if="['mp4', 'webm', 'ogg', 'ogv'].indexOf(fileType)>-1&&url"> <div class="video" v-if="['mp4', 'webm', 'ogg', 'ogv'].indexOf(fileType)>-1&&url">
<video controls style="width: 100%"> <video controls style="width: 100%">
...@@ -68,7 +69,7 @@ export default { ...@@ -68,7 +69,7 @@ export default {
fileReader.addEventListener('load', () => { fileReader.addEventListener('load', () => {
const fileContent = fileReader.result; const fileContent = fileReader.result;
// 处理文件内容 // 处理文件内容
this.txtContent = fileContent.replace(/\n/g, '<br/>') this.txtContent = fileContent
}); });
fileReader.readAsText(res, 'utf-8'); fileReader.readAsText(res, 'utf-8');
...@@ -136,6 +137,7 @@ export default { ...@@ -136,6 +137,7 @@ export default {
.txt { .txt {
height: 100%; height: 100%;
overflow: auto; overflow: auto;
white-space: pre-line;
} }
.pagination { .pagination {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment