├── index.html ├── static ├── style.css └── file.js ├── view ├── 1 ├── index.html └── tinami └── index2.html /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 多合一图床 - Cdn图床,百度图床,阿里图床,京东图床,搜狗图床,搜狐图床,QQ图床,58图床,头条图床,网易图床,360图床,葫芦侠图床 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 |
18 |
开始上传 19 | 36 |
37 |
38 | 39 | 40 | 41 | 42 |

点击上传 / 粘贴上传 / 拖拽上传

43 |
44 |
45 |
46 |
上传列表 47 | 54 |
55 |
56 |
57 |
58 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /static/style.css: -------------------------------------------------------------------------------- 1 | *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:rgba(50,50,50,0.3)}::-webkit-scrollbar-track{border-radius:3.5px;background-color:rgba(50,50,50,0.1)}html{height:100%}@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}body{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(-45deg, rgba(9,69,138,0.2), rgba(68,155,255,0.7), rgba(117,113,251,0.7), rgba(68,155,255,0.7), rgba(9,69,138,0.2));background-size:400% 400%;-webkit-animation:Gradient 15s ease infinite;animation:Gradient 15s ease infinite;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;font-size:14px}.container{display:grid;gap:20px;grid-template-columns:500px 250px;grid-template-rows:500px}.container.start{display:grid;gap:20px;grid-template-columns:250px 500px;grid-template-rows:500px}@-webkit-keyframes slideRight{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideLeft{0%{-webkit-transform:translateX(50%);transform:translateX(50%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeft{0%{-webkit-transform:translateX(50%);transform:translateX(50%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.upload,.filelist{background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);overflow:hidden}.upload .title,.filelist .title{height:45px;line-height:45px;border-bottom:1px solid #f2f6fc;color:#606266;font-weight:500;padding:0 15px;font-size:16px}.upload{-webkit-animation:slideRight 1.5s;animation:slideRight 1.5s;transition:box-shadow 0.35s}.upload .title{display:flex;justify-content:space-between;align-items:center}.copyall button{width: 70px; height: 28px; border-radius: 14px;margin: 0 12px;background-color:#fff;}.upload .title select{height: 28px; padding: 0 5px; border-radius: 14px;}.copyall{display: inline-flex;margin:8px;}#show{width:475px;height:28px;outline:none;border:1px solid #dcdfe6;padding:0 15px;color:#606266;border-radius:14px;font-size:12px;transition:border 0.35s;-webkit-appearance:none}.upload .title input:focus{border-color:#409eff}.upload .content{cursor:pointer;height:calc(100% - 45px);display:flex;align-items:center;justify-content:center;flex-direction:column}.upload .content .icon{width:80px;height:80px;margin-bottom:20px}.upload .content .desc{color:#606266}.upload.dragenter{box-shadow:20px 20px 20px 0 rgba(0,0,0,0.25)}.upload.dragenter .content>*{pointer-events:none}.filelist{-webkit-animation:slideLeft 1.5s;animation:slideLeft 1.5s}.filelist .list{height:calc(100% - 45px);overflow-y:auto;padding:10px;scroll-behavior:smooth}.filelist .list .item{margin-bottom:10px}.filelist .list .item:last-child{margin-bottom:0}.filelist .list .item .file{display:flex;align-items:center;margin-bottom:5px}.filelist .list .item .file .icon{width:45px;height:45px;margin-right:10px}.filelist .list .item .file .desc{flex:1;min-width:0}.filelist .list .item .file .desc__name{font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600;color:#606266;margin-bottom:5px}.filelist .list .item .file .desc__size{font-size:12px;color:#909399}.filelist .list .item .file .link{display:flex;align-items:center;justify-content:center;padding:5px;cursor:pointer;margin-left:10px;border-radius:50%;transition:background 0.2s}.filelist .list .item .file .link svg{width:18px;height:18px}.filelist .list .item .file .link:hover{background:#f56c6c50}.filelist .list .item .progress{display:flex;align-items:center;justify-content:space-between;font-size:12px}.filelist .list .item .progress .progress-bar{flex:1;min-width:0}.filelist .list .item .progress .progress-bar .progress-inner{width:0%;height:2px;background:#409eff;border-radius:1px;transition:width 0.2s}.filelist .list .item .progress .progress-bar .progress-inner.success{background:#67c23a}.filelist .list .item .progress .progress-bar .progress-inner.error{background:#f56c6c}.filelist .list .item .progress .progress-status{margin-left:5px}.filelist .list .item .progress .progress-status .icon{display:none;width:14px;height:14px}@media (max-width: 780px){body{height:auto;padding:5vh 0}.container{grid-template-columns:350px;grid-template-rows:400px 150px;}.container.start{grid-template-columns:350px !important;grid-template-rows:190px 400px !important}.copyall button{width: 50px;margin: 0 4px;}#show{width:320px;padding:0 11px;}} -------------------------------------------------------------------------------- /view/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 图片一览 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 27 | 52 | 53 | 54 | 55 |
56 |

图片一览

57 |

58 | 61 |

其他:图1 | 图2 | 随机图API

62 |
63 | 64 |
65 |
66 |

67 |
68 | Error! 69 |    70 | No images can be shown. 71 |
72 |
73 | 79 | 80 | 120 | 121 | 122 | 123 | -------------------------------------------------------------------------------- /view/tinami: -------------------------------------------------------------------------------- 1 | Tinami 2 | https://pic599.net/images/2021/03/08/000169b9aaed2ebd6628.jpg 3 | https://pic599.net/images/2021/03/08/000274b3f15a6463a8c2.jpg 4 | https://pic599.net/images/2021/03/08/0003519868a315249f97.jpg 5 | https://pic599.net/images/2021/03/08/00043252d0889d1d6183.jpg 6 | https://pic599.net/images/2021/03/08/0005963ea9d806cdcb06.jpg 7 | https://pic599.net/images/2021/03/08/0006fc7a4f6f3f8fd116.jpg 8 | https://pic599.net/images/2021/03/08/00077e6695b181427506.jpg 9 | https://pic599.net/images/2021/03/08/0008b48862fb58a07bf8.jpg 10 | https://pic599.net/images/2021/03/08/0009335c548f868cc5fd.jpg 11 | https://pic599.net/images/2021/03/08/0010e1c70e8c817fd029.jpg 12 | https://pic599.net/images/2021/03/08/00119da69189ff894c92.jpg 13 | https://pic599.net/images/2021/03/08/00126b9ad6b520ac46ce.jpg 14 | https://pic599.net/images/2021/03/08/0013688aac32165f380e.jpg 15 | https://pic599.net/images/2021/03/08/0014d0a5dff477ad021e.jpg 16 | https://pic599.net/images/2021/03/08/001584f7550b2978b6a6.jpg 17 | https://pic599.net/images/2021/03/08/001635906a56a7ef85f8.jpg 18 | https://pic599.net/images/2021/03/08/0017096578bed2278548.jpg 19 | https://pic599.net/images/2021/03/08/001848cc55b1b706c2f2.jpg 20 | https://pic599.net/images/2021/03/08/0019c8055f366853f253.jpg 21 | https://pic599.net/images/2021/03/08/0020a4dea5f166c04e18.jpg 22 | https://pic599.net/images/2021/03/08/0021721fa920259912f8.jpg 23 | https://pic599.net/images/2021/03/08/0022dba92f7aacb18fd6.jpg 24 | https://pic599.net/images/2021/03/08/00235cf651e69348c8fa.jpg 25 | https://pic599.net/images/2021/03/08/00243e9608713bd83937.jpg 26 | https://pic599.net/images/2021/03/08/0025cf2cb9906ec1abc0.jpg 27 | https://pic599.net/images/2021/03/08/0026f247bb180bd7c86e.jpg 28 | https://pic599.net/images/2021/03/08/002718c793069c2b21bb.jpg 29 | https://pic599.net/images/2021/03/08/00286bbce3782758db9d.jpg 30 | https://pic599.net/images/2021/03/08/0029e7c9105114ac3336.jpg 31 | https://pic599.net/images/2021/03/08/0030bdcfdf69a52ac4bf.jpg 32 | https://pic599.net/images/2021/03/08/0031e8f2daedd38ae52c.jpg 33 | https://pic599.net/images/2021/03/08/0032ebe76cf9c13fa2b3.jpg 34 | https://pic599.net/images/2021/03/08/00332eef02ec75b01aaf.jpg 35 | https://pic599.net/images/2021/03/08/00340bacf54193894162.jpg 36 | https://pic599.net/images/2021/03/08/0035fec327b2e1802045.jpg 37 | https://pic599.net/images/2021/03/08/0036248966cd22768f32.jpg 38 | https://pic599.net/images/2021/03/08/0037f32082da3005b1dd.jpg 39 | https://pic599.net/images/2021/03/08/0038a5e6e2e46e7b65e0.jpg 40 | https://pic599.net/images/2021/03/08/00399f71fba8cec82806.jpg 41 | https://pic599.net/images/2021/03/08/00405b4dfe972be37d91.jpg 42 | https://pic599.net/images/2021/03/08/0041d8b01bfd2156d1e0.jpg 43 | https://pic599.net/images/2021/03/08/0042def5987c027f3a05.jpg 44 | https://pic599.net/images/2021/03/08/0043b8b30f14611fd936.jpg 45 | https://pic599.net/images/2021/03/08/004435a48f9809cda801.jpg 46 | https://pic599.net/images/2021/03/08/0045eb64dcdc1e7dbe48.jpg 47 | https://pic599.net/images/2021/03/08/004684feae39eeabe37e.jpg 48 | https://pic599.net/images/2021/03/08/004754842e3df6a90d82.jpg 49 | https://pic599.net/images/2021/03/08/00481123072cba3219ab.jpg 50 | https://pic599.net/images/2021/03/08/0049fde911a4e9c8bdc6.jpg 51 | https://pic599.net/images/2021/03/08/0050fa2dd18baa7c1896.jpg 52 | https://pic599.net/images/2021/03/08/00519842b7f8458f6588.jpg 53 | https://pic599.net/images/2021/03/08/covere05291b5a1240b1a.jpg 54 | https://pic599.net/images/2021/03/08/0001cbfab60588860867.jpg 55 | https://pic599.net/images/2021/03/08/0002f6f3d966d16f3196.jpg 56 | https://pic599.net/images/2021/03/08/0003c33ced5f2dc953f0.jpg 57 | https://pic599.net/images/2021/03/08/0004f689a5e028f619ae.jpg 58 | https://pic599.net/images/2021/03/08/0005464bc031acc96acf.jpg 59 | https://pic599.net/images/2021/03/08/00066d6263b475950465.jpg 60 | https://pic599.net/images/2021/03/08/0007c9915d980fb266a3.jpg 61 | https://pic599.net/images/2021/03/08/0008c5cf3c450121fc96.jpg 62 | https://pic599.net/images/2021/03/08/0009ef52560bb0ec2dd8.jpg 63 | https://pic599.net/images/2021/03/08/0010c2c756cde71e20f3.jpg 64 | https://pic599.net/images/2021/03/08/0011bf94f7ebd61da364.jpg 65 | https://pic599.net/images/2021/03/08/0012cb4d0757e7702346.jpg 66 | https://pic599.net/images/2021/03/08/001377c1073a0e540e56.jpg 67 | https://pic599.net/images/2021/03/08/0014713fa146a7fc4b5b.jpg 68 | https://pic599.net/images/2021/03/08/00157f274a28845b84ab.jpg 69 | https://pic599.net/images/2021/03/08/0016f44828ec8de5e2a7.jpg 70 | https://pic599.net/images/2021/03/08/0017dda6e851def347ba.jpg 71 | https://pic599.net/images/2021/03/08/00183a8ec0328529c8df.jpg 72 | https://pic599.net/images/2021/03/08/0019bef093ab09aa7949.jpg 73 | https://pic599.net/images/2021/03/08/0020fcd40fda564e7cb0.jpg 74 | https://pic599.net/images/2021/03/08/00210aca774f4ea940e1.jpg 75 | https://pic599.net/images/2021/03/08/002268699dcbdb77e5d0.jpg 76 | https://pic599.net/images/2021/03/08/0023eba498ba40b0983d.jpg 77 | https://pic599.net/images/2021/03/08/0024beed56413bf55f52.jpg 78 | https://pic599.net/images/2021/03/08/0025daf8081b78b40b1e.jpg 79 | https://pic599.net/images/2021/03/08/0026ea3d3c49b7864994.jpg 80 | https://pic599.net/images/2021/03/08/00275da3f8aa54c18759.jpg 81 | https://pic599.net/images/2021/03/08/0028b8b2e19d2212d78e.jpg 82 | https://pic599.net/images/2021/03/08/0029f19d34d5897dbb0d.jpg 83 | https://pic599.net/images/2021/03/08/003033487aa40bbcb6fb.jpg 84 | https://pic599.net/images/2021/03/08/003112fe712a41768f03.jpg 85 | https://pic599.net/images/2021/03/08/0032909855b0e6ec597d.jpg 86 | https://pic599.net/images/2021/03/08/0033857601f3eb6a5515.jpg 87 | https://pic599.net/images/2021/03/08/0034a4e39164d276f1e2.jpg 88 | https://pic599.net/images/2021/03/08/00357a11471456b35c19.jpg 89 | https://pic599.net/images/2021/03/08/0036a0f161972b4e0ca5.jpg 90 | https://pic599.net/images/2021/03/08/00374794fdc646d0ae81.jpg 91 | https://pic599.net/images/2021/03/08/003848fb142fe70bbe92.jpg 92 | https://pic599.net/images/2021/03/08/00396b4a76236bbd5210.jpg 93 | https://pic599.net/images/2021/03/08/0040a82ca2672594685b.jpg 94 | https://pic599.net/images/2021/03/08/00417537262abb6aa015.jpg 95 | https://pic599.net/images/2021/03/08/0042d17f6fb51663f282.jpg 96 | https://pic599.net/images/2021/03/08/00439131566eb31cd79a.jpg 97 | https://pic599.net/images/2021/03/08/004480e3e3b111493de5.jpg 98 | https://pic599.net/images/2021/03/08/00452434e0ae7bb863b0.jpg 99 | https://pic599.net/images/2021/03/08/004689efeada295c93bf.jpg 100 | https://pic599.net/images/2021/03/08/00471215e700bbfd759d.jpg 101 | https://pic599.net/images/2021/03/08/00487c826f4708d29a52.jpg 102 | https://pic599.net/images/2021/03/08/00491d76c08707fc79e1.jpg 103 | https://pic599.net/images/2021/03/08/0050a11ac91fa461c959.jpg 104 | https://pic599.net/images/2021/03/08/00518f15e2855b4004a6.jpg 105 | https://pic599.net/images/2021/03/08/00529521abe5e229877d.jpg 106 | https://pic599.net/images/2021/03/08/0053542c877c700f3357.jpg 107 | https://pic599.net/images/2021/03/08/0054de20a1da7db83b78.jpg 108 | https://pic599.net/images/2021/03/08/005532ec88e29611324e.jpg 109 | https://pic599.net/images/2021/03/08/005630fcc68390058391.jpg 110 | https://pic599.net/images/2021/03/08/0057efaa7d84d1cd7750.jpg 111 | https://pic599.net/images/2021/03/08/00580d128d699e92295f.jpg 112 | https://pic599.net/images/2021/03/08/0059c2caa0fd51449aa5.jpg 113 | https://pic599.net/images/2021/03/08/0060d014bb361375a8f8.jpg 114 | https://pic599.net/images/2021/03/08/00618a747ae525d08bc4.jpg 115 | https://pic599.net/images/2021/03/08/0062dc263a8fc605d487.jpg 116 | https://pic599.net/images/2021/03/08/0063cd564499306f777c.jpg 117 | https://pic599.net/images/2021/03/08/0064364f49e2b6934997.jpg 118 | https://pic599.net/images/2021/03/08/0065535a14ab4ebf6be7.jpg 119 | https://pic599.net/images/2021/03/08/006629b38502b320e9be.jpg 120 | https://pic599.net/images/2021/03/08/0067109c6fa8c0dfe3f5.jpg 121 | https://pic599.net/images/2021/03/08/0068c628310d5dac44ea.jpg 122 | 123 | https://pic599.net/images/2021/03/08/DSC090313ab61c7bf567b9cf.jpg 124 | https://pic599.net/images/2021/03/08/00690088cac26552bf11.jpg 125 | https://pic599.net/images/2021/03/08/00700b655fe38f58f147.jpg 126 | https://pic599.net/images/2021/03/08/00714d3f8278d9abe890.jpg 127 | https://pic599.net/images/2021/03/08/00723d562d5a417e3a4c.jpg 128 | https://pic599.net/images/2021/03/08/007393b3159bd88ea39f.jpg 129 | https://pic599.net/images/2021/03/08/007470eb80283fc0b1dc.jpg 130 | https://pic599.net/images/2021/03/08/00756a2790f966ebe800.jpg 131 | https://pic599.net/images/2021/03/08/007647200d5c79f5e31e.jpg 132 | https://pic599.net/images/2021/03/08/0077251db4ba153cd70a.jpg 133 | https://pic599.net/images/2021/03/08/00780ea2ecf2395f758f.jpg 134 | https://pic599.net/images/2021/03/08/00794fa5b75c0e430093.jpg 135 | https://pic599.net/images/2021/03/08/008036d935a3ecd5801f.jpg 136 | https://pic599.net/images/2021/03/08/0081a46c3d0afdca7ab1.jpg 137 | https://pic599.net/images/2021/03/08/00820c64b69578095b67.jpg 138 | https://pic599.net/images/2021/03/08/0083e6ebf54ce2858e25.jpg 139 | https://pic599.net/images/2021/03/08/0084a39428349e5de0de.jpg 140 | https://pic599.net/images/2021/03/08/0085846c3a2776437582.jpg 141 | https://pic599.net/images/2021/03/08/0086bbb98e2448a97f7e.jpg 142 | https://pic599.net/images/2021/03/08/0087fc6e6112a422d8b0.jpg 143 | https://pic599.net/images/2021/03/08/00882f135926da56d82c.jpg 144 | https://pic599.net/images/2021/03/08/0089aae2e8cdd2bbd7ec.jpg 145 | https://pic599.net/images/2021/03/08/0090862702908024088d.jpg 146 | https://pic599.net/images/2021/03/08/009168ebd9f09a6746a0.jpg 147 | https://pic599.net/images/2021/03/08/00923067023f1ab98ee3.jpg 148 | https://pic599.net/images/2021/03/08/0093febe3133e051cff8.jpg 149 | https://pic599.net/images/2021/03/08/cover8ffee80ec79f2bbb.jpg 150 | https://pic599.net/images/2021/03/08/DSC08959069e766fec8adc18.jpg 151 | https://pic599.net/images/2021/03/08/DSC090348475ac88ca7f6ec6.jpg 152 | 153 | https://pic599.net/images/2021/03/08/DSC09061324d3a19e0799d32.jpg 154 | https://pic599.net/images/2021/03/08/DSC090642b072f6ce38c831e.jpg 155 | https://pic599.net/images/2021/03/08/DSC09066dc85217e220f04a7.jpg 156 | https://pic599.net/images/2021/03/08/DSC091116432a8bc66480b97.jpg 157 | https://pic599.net/images/2021/03/08/DSC091342b91385d8217ec2c.jpg 158 | https://pic599.net/images/2021/03/08/DSC09234e8c12f40058efcd3.jpg 159 | https://pic599.net/images/2021/03/08/DSC09285d3a834a96c6cb511.jpg 160 | https://pic599.net/images/2021/03/08/DSC093007a28bdc3d0f7b20c.jpg 161 | https://pic599.net/images/2021/03/08/DSC093012e16c81fff59743e.jpg 162 | https://pic599.net/images/2021/03/08/DSC09303a83394cc4a6281ab.jpg 163 | https://pic599.net/images/2021/03/08/DSC09459f00827b418db6a67.jpg 164 | https://pic599.net/images/2021/03/08/DSC096062b100f3b9154845c.jpg 165 | https://pic599.net/images/2021/03/08/DSC0961971655c26da59c12b.jpg 166 | https://pic599.net/images/2021/03/08/DSC098380b881f326728370c.jpg 167 | https://pic599.net/images/2021/03/08/DSC098426e0948a8af77f264.jpg 168 | https://pic599.net/images/2021/03/08/DSC09846f38d03196b904dc6.jpg 169 | https://pic599.net/images/2021/03/08/DSC098641dfee4aef4e670ac.jpg 170 | https://pic599.net/images/2021/03/08/DSC09880ed96e1a1eb2077f3.jpg 171 | https://pic599.net/images/2021/03/08/DSC098893d1eb0a1c47b0e64.jpg 172 | https://pic599.net/images/2021/03/08/DSC098930dc1920515bee6b1.jpg -------------------------------------------------------------------------------- /index2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 多合一图床上传 - Cdn图床|百度图床|阿里图床|京东图床|搜狗图床|搜狐图床|QQ图床|58图床|头条图床|网易图床|360图床|葫芦侠图床 7 | 8 | 9 | 10 | 11 | 12 | 29 | 30 | 31 | 32 | 33 |
34 |
35 |
36 |
37 | 38 |
39 |
40 |

多合一图床上传

41 |
42 |

43 |
44 |
京东图床
45 |
阿里图床
46 |
搜狗图床
47 |
58 图床
48 |
网易图床
49 |
头条图床(x)
50 |
QQ 图床
51 |
KF 图床
52 |
搜狐图床
53 |
葫芦侠图床
54 |
360 图床
55 |
猫盒图床
56 |
微聊图床
57 |
慕课图床
58 |
极图图床
59 | 60 |
61 |
62 |
63 |
64 | ImgUrl: 65 | 66 | HtmlUrl: 67 | 68 | Ubb: 69 | 70 | Markdown: 71 | 72 |
73 |
74 | 75 |
76 |
77 | 87 | 88 | 200 | -------------------------------------------------------------------------------- /static/file.js: -------------------------------------------------------------------------------- 1 | /* 2 | * @xkx 3 | */ 4 | $(() => { 5 | /* 临时粘贴上传 */ 6 | $(document).on('paste', event => { 7 | let clipboardData = event.clipboardData || window.clipboardData || event.originalEvent.clipboardData; 8 | /* 判断是否支持粘贴上传 */ 9 | if (!clipboardData || !clipboardData.items) return alert('当前浏览器不支持粘贴上传'); 10 | let items = clipboardData.items; 11 | let file = null; 12 | /* 判断剪切板的内容是否是桌面类型的文件 */ 13 | if (items.length === 0) return alert('剪切板内无内容或不支持桌面文件'); 14 | /* 开始循环剪切板的内容,判断是否是文件类型,如果是文件类型,则push */ 15 | for (let i = 0; i < items.length; i++) { 16 | if (items[i].type.indexOf('image') !== -1) { 17 | file = items[i].getAsFile(); 18 | } 19 | } 20 | if (!file) return alert('剪切板内无内容或不支持桌面文件'); 21 | upload(new Array(file)); 22 | }); 23 | /* 点击上传 */ 24 | $('.upload .content').on('click', function () { 25 | $('#file').click(); 26 | }); 27 | /* 监听点击上传 */ 28 | $('#file').on('change', () => { 29 | upload($('#file')[0].files); 30 | }); 31 | /* 拖拽上传 */ 32 | $('#dragbox').on('dragover', e => { 33 | e.preventDefault(); 34 | }); 35 | $('#dragbox').on('dragenter', e => { 36 | e.preventDefault(); 37 | $('.upload').addClass('dragenter'); 38 | }); 39 | $('#dragbox').on('dragleave', e => { 40 | e.preventDefault(); 41 | $('.upload').removeClass('dragenter'); 42 | }); 43 | $('#dragbox').on('drop', e => { 44 | e.preventDefault(); 45 | $('.upload').removeClass('dragenter'); 46 | let files = e.originalEvent.dataTransfer.files; 47 | upload(files); 48 | }); 49 | /* 上传函数 */ 50 | function upload(files) { 51 | //if ($('#type').val().trim() === '') return alert('请输入'); 52 | for (let i = 0; i < files.length; i++) { 53 | var animateimg = files[i].name; 54 | var imgarr=animateimg.split('\\'); 55 | var myimg=imgarr[imgarr.length-1]; 56 | var houzui = myimg.lastIndexOf('.'); 57 | var ext = myimg.substring(houzui, myimg.length).toUpperCase(); 58 | var file = files[i]; 59 | if(!file){return false;} 60 | var fileSize = file.size; 61 | var maxSize = 5242880; 62 | if(ext !='.PNG' && ext !='.GIF' && ext !='.JPG' && ext !='.JPEG' && ext !='.BMP'){ 63 | parent.alert('文件类型错误,请上传图片类型'); 64 | $('#file').val(null);return false; 65 | }else if(parseInt(fileSize) >= parseInt(maxSize)){ 66 | parent.alert('上传的文件不能超过'+maxSize/1024/1024+'MB');return false; 67 | }else{ 68 | document.querySelector('.container').classList.add('start') 69 | var type = $('#type').val(); 70 | if(type =='qihoo'|type =='muke'|type =='gtimg'|type =='catbox'|type =='vxichina'){var api = 'https://www.hualigs.cn/api/upload?token=8ff730a4dc52360c26854111c794742b&apiType='}else{var api = 'https://image.kieng.cn/upload.html?type='}; 71 | let formData = new FormData(); 72 | formData.append('image', files[i]); 73 | let randomClass = Date.now().toString(36); 74 | $('.filelist .list').append(` 75 |
76 |
77 | 78 | 79 | 80 | 81 |
82 |
${files[i].name}
83 |
SIZE:${formatBytes(files[i].size)}
84 |
85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 |
99 |
100 |
101 |
102 |
103 |
104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 |
112 |
113 | 119 | 120 |
121 | `); 122 | $.ajax({ 123 | url: api + $('#type').val(), 124 | type: 'post', 125 | dataType: 'json', 126 | processData: false, 127 | contentType: false, 128 | 129 | data: formData, 130 | xhr: () => { 131 | let xhr = $.ajaxSettings.xhr(); 132 | if (!xhr.upload) return; 133 | xhr.upload.addEventListener( 134 | 'progress', 135 | e => { 136 | let percent = Math.floor((e.loaded / e.total) * 100); 137 | $('.' + randomClass) 138 | .find('.progress-inner') 139 | .css('width', percent + '%'); 140 | }, 141 | false 142 | ); 143 | return xhr; 144 | }, 145 | success: res => { 146 | if(type =='muke'){var imgSrc = res.data.url.muke}else if(type =='vxichina'){var imgSrc = res.data.url.vxichina}else if(type =='qihoo'){ var imgSrc = res.data.url.qihoo}else if(type =='catbox'){var imgSrc = res.data.url.catbox}else if(type =='gtimg'){var imgSrc = res.data.url.gtimg}else{var imgSrc = res.data.url} 147 | /* 清除input框 */ 148 | $('#file').val(null); 149 | if (res.code === -1) { 150 | $('.' + randomClass).fadeOut(); 151 | alert(res.data.url); 152 | } else { 153 | if (res.code === 200) { 154 | $('.' + randomClass) 155 | .find('.progress-inner') 156 | .addClass('success'); 157 | $('.' + randomClass) 158 | .find('.status-success') 159 | .show(); 160 | $('.' + randomClass) 161 | .find('.link') 162 | .attr({ 163 | href: imgSrc, 164 | target: '_blank' 165 | }); 166 | //代码链接xkx 167 | $('.' + randomClass) 168 | .find('#Imgs_url') 169 | .attr({ 170 | value: imgSrc 171 | }); 172 | $('.' + randomClass) 173 | .find('#Imgs_html') 174 | .attr({ 175 | value: '' 176 | }); 177 | $('.' + randomClass) 178 | .find('#Imgs_Ubb') 179 | .attr({ 180 | value: '[img]'+imgSrc+'[/img]' 181 | }); 182 | $('.' + randomClass) 183 | .find('#Imgs_markdown') 184 | .attr({ 185 | value: '![]('+imgSrc+')' 186 | }); 187 | //显示链接xkx 188 | $('.' + randomClass) 189 | .find('#show') 190 | .show(); 191 | $('.' + randomClass) 192 | .find('#show') 193 | .attr({ 194 | value: imgSrc 195 | }); 196 | //复制所有xkx 197 | $('.copyall') 198 | .show(); 199 | var tt = $('.filelist .title').html().replace('上传列表', ''); 200 | $('.filelist .title').html(tt); 201 | } else { 202 | $('.' + randomClass) 203 | .find('.progress-inner') 204 | .addClass('error'); 205 | $('.' + randomClass) 206 | .find('.status-error') 207 | .show(); 208 | $('.' + randomClass) 209 | .find('#show') 210 | .show(); 211 | $('.' + randomClass) 212 | .find('#show') 213 | .attr({ 214 | value: "上传出错!" 215 | }); 216 | } 217 | } 218 | }, 219 | fail: () => { 220 | $('.' + randomClass).fadeOut(); 221 | } 222 | }); 223 | } 224 | } 225 | } 226 | /* 获取文件大小 */ 227 | function formatBytes(bytes, decimals = 2) { 228 | if (bytes === 0) return '0 Bytes'; 229 | const k = 1024; 230 | const dm = decimals < 0 ? 0 : decimals; 231 | const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']; 232 | const i = Math.floor(Math.log(bytes) / Math.log(k)); 233 | return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + sizes[i]; 234 | } 235 | }); 236 | function del(obj){ 237 | var item = obj.parentNode.parentNode; 238 | item.parentNode.removeChild(item); 239 | } 240 | function sel(obj){ 241 | for(var i=0;i