回答編集履歴
1
追加
answer
CHANGED
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
```ここに言語を入力
|
|
2
|
+
document.querySelector("#myPdf02").addEventListener("change", function(e){
|
|
3
|
+
const file = e.target.files[0];
|
|
4
|
+
const filereader = new FileReader();
|
|
5
|
+
filereader.addEventListener("load",function(event){
|
|
6
|
+
document.querySelector('#preview02').setAttribute("src", event.target.result);
|
|
7
|
+
});
|
|
8
|
+
filereader.readAsDataURL(file);//実際にファイル内容を読み込むための記述
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
2
13
|
// Loaded via <script> tag, create shortcut to access PDF.js exports.
|
|
3
14
|
var pdfjsLib = window['pdfjs-dist/build/pdf'];
|
|
4
15
|
// The workerSrc property shall be specified.
|
|
@@ -37,4 +48,11 @@
|
|
|
37
48
|
fileReader.readAsArrayBuffer(file);
|
|
38
49
|
}
|
|
39
50
|
});
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
html
|
|
54
|
+
```ここに言語を入力
|
|
55
|
+
<input type="file" name="file" id="myPdf01" accept=".png, .jpg, .jpeg, .pdf, .doc" capture="camera">
|
|
56
|
+
<img src="" alt="" id="preview01" cmanOMat="move"></img>
|
|
57
|
+
<canvas id="pdfViewer01" cmanOMat="move"></canvas>
|
|
40
58
|
```
|