| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- <!doctype html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
- </head>
- <body>
-
-
- <a href="../private/02.jpg" target="_blank">範例圖片下載</a><br/>
- <input type="file" value="瀏覽一個交易完成圖片" id="add_image"><br/>
- <input type="button" value="OK" id="add_done"><br/>
- <input type="button" value="清除" id="clear"><br/>
-
-
- 訂單編號: <input type="text" id="order_no"/><br/>
- 銀行代碼: <input type="text" id="account_bank"/><br/>
- 銀行帳號: <input type="text" id="account_no"/><br/>
- 消費日期: <input type="text" id="order_date"/><br/>
-
-
- <script>
- $(document).ready(function () {
- $('#add_done').on('click', (function (e) {
- var file = document.querySelector('input[type="file"]').files[0];
- var reader = new FileReader();
- reader.readAsDataURL(file);
- reader.onload = function () {
- var formData = new FormData();
- formData.append("doc", reader.result);
- $.ajax({
- type: 'POST',
- url: '/api2021/setdoc/test',
- data: formData,
- cache: false,
- contentType: false,
- processData: false,
- success: function (data) {
- if (data.succ == true) {
- $("#order_no").val(data.data.order_no);
- $("#account_bank").val(data.data.account_bank);
- $("#account_no").val(data.data.account_no);
- $("#order_date").val(data.data.order_date);
- } else {
- alert(data.err);
- }
- },
- error: function (data) {
- }
- });
-
- };
- }));
- $('#clear').on('click', (function (e) {
- $("#order_no").val('');
- $("#account_bank").val('');
- $("#account_no").val('');
- $("#order_date").val('');
- }));
- });
-
- </script>
- </body>
- </html>
|
