敏特平板資訊平台

Data URL 原文

以下文字框完整顯示 Data URL。按「一鍵複製 Data URL」即可複製全部內容。

data:text/html;charset=utf-8,<input type=file id=f style=display:none><div id=o></div><script>var m,o=document.getElementById('o'),f=document.getElementById('f');var B=document.createElement('div');B.innerHTML='<button id=a>黑白5 清晰优先</button><button id=b>黑白10 清晰优先</button><button id=c>黑白20 清晰优先</button><button id=d>黑白5 像素不变</button><button id=e>黑白10 像素不变</button><button id=g>黑白20 像素不变</button><button id=h>原像素黑白预览</button><button id=i>原像素彩色预览</button>';document.body.insertBefore(B,document.body.firstChild);function bind(id,x){document.getElementById(id).onclick=function(){m=x;f.value='';f.click()}}bind('a','5c');bind('b','10c');bind('c','20c');bind('d','5p');bind('e','10p');bind('g','20p');bind('h','bw');bind('i','color');f.onchange=function(){var x=f.files[0];if(!x)return;var v=x.type.indexOf('video/')===0;if(v&&m!=='bw'&&m!=='color'){o.textContent='压缩模式仅支持图片，视频请用预览按钮';return}if(v||m==='bw'||m==='color'){p(x,m);return}c(x,m)};function p(x,m){o.innerHTML='';var d=document.createElement('div');d.textContent='Name: '+x.name+'\nSize: '+x.size+'\nType: '+x.type+'\nModified: '+new Date(x.lastModified)+'\nMode: '+(m==='bw'?'黑白':'彩色');o.appendChild(d);var u=URL.createObjectURL(x),el;if(x.type.indexOf('video/')===0){el=document.createElement('video');el.controls=true;el.autoplay=true;el.loop=true;el.src=u}else{el=document.createElement('img');el.src=u;el.onload=function(){d.textContent+='\nDim: '+el.naturalWidth+'x'+el.naturalHeight}}if(m==='bw')el.style.filter='grayscale(1)';o.appendChild(el)}function c(x,m){var T=m==='5c'||m==='5p'?25000:(m==='10c'||m==='10p'?50000:100000);o.innerHTML='';var r=new FileReader();r.onload=function(){var u=r.result,im=new Image();im.onload=function(){var c=document.createElement('canvas'),g=c.getContext('2d'),w=im.width,h=im.height,d,ww,hh;function G(){var id=g.getImageData(0,0,c.width,c.height),p=id.data,i;for(i=0;i<p.length;i+=4){var y=p[i]*.299+p[i+1]*.587+p[i+2]*.114;p[i]=p[i+1]=p[i+2]=y}g.putImageData(id,0,0)}function S(ss){c.width=Math.max(1,Math.round(w*ss));c.height=Math.max(1,Math.round(h*ss));g.drawImage(im,0,0,c.width,c.height);G();d=c.toDataURL('image/jpeg',.9);return d.length}function Q(qq){c.width=w;c.height=h;g.drawImage(im,0,0,w,h);G();d=c.toDataURL('image/jpeg',qq);return d.length}function SQ(ss,qq){c.width=Math.max(1,Math.round(w*ss));c.height=Math.max(1,Math.round(h*ss));g.drawImage(im,0,0,c.width,c.height);G();d=c.toDataURL('image/jpeg',qq);return d.length}if(m==='5c'||m==='10c'||m==='20c'){var s=1,L=S(1);if(L>T){var lo=0,hi=1,mid,i;for(i=0;i<12;i++){mid=(lo+hi)/2;if(S(mid)<=T)lo=mid;else hi=mid}s=lo;S(s)}ww=c.width;hh=c.height}else{var qmin=.01,lo,hi,mid,i;if(Q(qmin)<=T){lo=qmin;hi=1;for(i=0;i<12;i++){mid=(lo+hi)/2;if(Q(mid)<=T)lo=mid;else hi=mid}Q(lo);ww=c.width;hh=c.height}else{var lo2=0,hi2=1,mid2;for(i=0;i<12;i++){mid2=(lo2+hi2)/2;if(SQ(mid2,.01)<=T)lo2=mid2;else hi2=mid2}SQ(lo2,.01);ww=c.width;hh=c.height}}V(d,x,ww,hh)};im.onerror=function(){o.textContent='IMAGE ERROR'};im.src=u};r.onerror=function(){o.textContent='READ ERROR'};r.readAsDataURL(x)}function V(d,x,ww,hh){var N=5000,n=Math.ceil(d.length/N),i,h,im,prefix=d.slice(0,d.indexOf(',')+1);var info=document.createElement('div');info.textContent='Prefix: '+prefix+'\nName: '+x.name+'\nSize: '+x.size+'\nType: '+x.type+'\nModified: '+new Date(x.lastModified)+'\nOut: '+ww+'x'+hh+'\nDataURLLen: '+d.length+'\nParts: '+n;o.appendChild(info);im=document.createElement('img');im.src=d;o.appendChild(im);for(i=0;i<n;i++){let t=document.createElement('textarea');t.readOnly=1;t.rows=3;t.value=d.slice(i*N,i*N+N);let bt=document.createElement('button');bt.textContent='Copy';bt.onclick=function(){t.select();document.execCommand('copy')};h=document.createElement('div');h.textContent='P'+(i+1)+' ('+t.value.length+')';h.appendChild(t);h.appendChild(bt);o.appendChild(h)}}</script>

一鍵複製 Data URL

請將這個 Data URL 複製貼上到瀏覽器地址欄使用。

使用說明

1. 按「一鍵複製 Data URL」，複製全部內容。
2. 請將這個 Data URL 複製貼上到瀏覽器地址欄使用。
3. 開啟後可選擇黑白壓縮模式，或使用原像素黑白／彩色預覽。
4. 壓縮模式僅支援圖片；影片請使用預覽按鈕。
5. 若複製失敗，請長按文字框全選，然後手動複製。