☰

Upload image from upload page

Upload album art from within the PTH upload page

当前为 2018-02-21 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Upload image from upload page
  3. // @version      1.6
  4. // @description  Upload album art from within the PTH upload page
  5. // @author       Chameleon
  6. // @include      http*://*redacted.ch/upload.php*
  7. // @include      http*://*redacted.ch/forums.php*threadid=1725*
  8. // @include      http*://*redacted.ch/artist.php*action=edit*
  9. // @include      http*://*redacted.ch/torrents.php*action=editgroup*
  10. // @grant        GM_xmlhttpRequest
  11. // @namespace https://greasyfork.org/users/87476
  12. // ==/UserScript==
  13.  
  14. (function() {
  15.   'use strict';
  16.   var settings=getSettings();
  17.  
  18.   if(settings.showSettings)
  19.     showSettings();
  20.   if(window.location.href.indexOf("threadid=1725") != -1)
  21.     showSettings();
  22.   else if(window.location.href.indexOf('upload.php') != -1)
  23.   {
  24.     showUpload();
  25.   }
  26.   else if(window.location.href.indexOf('artist.php') != -1 || window.location.href.indexOf('torrents.php') != -1)
  27.   {
  28.     showArtistEdit();
  29.   }
  30. }());
  31.  
  32. function showSettings(message)
  33. {
  34.   var div=document.getElementById('rehostToSettings');
  35.   if(!div)
  36.   {
  37.     var before = document.getElementsByClassName('forum_post')[0];
  38.     if(!before)
  39.       before=document.getElementsByTagName('table')[1];
  40.     if(!before)
  41.       before=document.getElementsByClassName('box')[0];
  42.     div = document.createElement('div');
  43.     div.setAttribute('id', 'rehostToSettings');
  44.     before.parentNode.insertBefore(div, before);
  45.     div.setAttribute('style', 'width: 100%; text-align: center; padding-bottom: 10px;');
  46.     div.setAttribute('class', 'box');
  47.   }
  48.   div.innerHTML = '<h2>Upload image from upload page Settings</h2><br />';
  49.   var settings = getSettings();
  50.  
  51.   var a=document.createElement('a');
  52.   a.href='javascript:void(0);';
  53.   a.innerHTML = 'Use image host: '+settings.site;
  54.   a.addEventListener('click', changeSite.bind(undefined, a, div), false);
  55.   div.appendChild(a);
  56.   div.appendChild(document.createElement('br'));
  57.  
  58.   var a=document.createElement('a');
  59.   a.href='javascript:void(0);';
  60.   a.innerHTML = 'Show settings on upload page: '+(settings.showSettings ? 'true':'false');
  61.   a.addEventListener('click', changeShowSettings.bind(undefined, a, div), false);
  62.   div.appendChild(a);
  63.   div.appendChild(document.createElement('br'));
  64.  
  65.   var labelStyle = '';
  66.  
  67.   var label = document.createElement('span');
  68.   label.setAttribute('style', labelStyle);
  69.   label.innerHTML = 'ptpimg.me API Key: ';
  70.   div.appendChild(label);
  71.   var input=document.createElement('input');
  72.   input.setAttribute('style', 'width: 21em;');
  73.   input.placeholder='ptpimg.me API Key';
  74.   input.value = settings.apiKey ? settings.apiKey:'';
  75.   div.appendChild(input);
  76.   input.addEventListener('keyup', changeSettings.bind(undefined, div), false);
  77.  
  78.   var a=document.createElement('a');
  79.   a.href='javascript:void(0);';
  80.   a.innerHTML = 'Get ptpimg.me API Key';
  81.   div.appendChild(document.createElement('br'));
  82.   div.appendChild(a);
  83.   div.appendChild(document.createTextNode(' '));
  84.   var s=document.createElement('span');
  85.   s.innerHTML = message ? message : '';
  86.   div.appendChild(s);
  87.   a.addEventListener('click', getAPIKey.bind(undefined, input, s, div), false);
  88. }
  89.  
  90. function getAPIKey(input, span, div)
  91. {
  92.   span.innerHTML = 'Loading ptpimg.me';
  93.   /*var xhr=new XMLHttpRequest();
  94.   xhr.open('GET', "https://ptpimg.me");
  95.   xhr.onreadystatechange = xhr_func.bind(undefined, span, xhr, gotAPIKey.bind(undefined, input, span, div), rehost.bind(undefined, input, span, div));
  96.   xhr.send();*/
  97.   GM_xmlhttpRequest({
  98.     method: "GET",
  99.     url: 'https://ptpimg.me',
  100.     onload: function(response) { if(response.status == 200) {gotAPIKey(input, span, div, response.responseText); } else { span.innerHTML = 'ptpimg.me error: '+response.status; } }
  101.   });
  102.  
  103. }
  104.  
  105. function gotAPIKey(input, span, div, response)
  106. {
  107.   var key=response.split("value='")[1].split("'")[0];
  108.   if(key.length != 36)
  109.   {
  110.     span.innerHTML = "You aren't logged in to ptpimg.me";
  111.     return;
  112.   }
  113.   input.value=key;
  114.   changeSettings(div, 0, "Successfully added API Key");
  115. }
  116.  
  117. function changeSite(a, div)
  118. {
  119.   if(a.innerHTML.indexOf('imgur.com') != -1)
  120.   {
  121.     a.innerHTML = a.innerHTML.replace('imgur.com', 'ptpimg.me');
  122.   }
  123.   else if(a.innerHTML.indexOf('ptpimg.me') != -1)
  124.   {
  125.     a.innerHTML = a.innerHTML.replace('ptpimg.me', 'imgur.com');
  126.   }
  127.  
  128.   changeSettings(div);
  129. }
  130.  
  131. function changeShowSettings(a, div)
  132. {
  133.   if(a.innerHTML.indexOf('false') != -1)
  134.     a.innerHTML = a.innerHTML.replace('false', 'true');
  135.   else
  136.     a.innerHTML = a.innerHTML.replace('true', 'false');
  137.   changeSettings(div);
  138. }
  139.  
  140. function changeSettings(div, nul, message)
  141. {
  142.   var settings = getSettings();
  143.   var as=div.getElementsByTagName('a');
  144.   if(as[0].innerHTML.indexOf('imgur.com') != -1)
  145.     settings.site = 'imgur.com';
  146.   else if(as[0].innerHTML.indexOf('ptpimg.me') != -1)
  147.     settings.site = 'ptpimg.me';
  148.   
  149.   if(as[1].innerHTML.indexOf('false') != -1)
  150.     settings.showSettings=false;
  151.   else
  152.     settings.showSettings=true;
  153.  
  154.   var inputs=div.getElementsByTagName('input');
  155.   settings.apiKey = inputs[0].value;
  156.   window.localStorage.ptpimgAPIKey = settings.apiKey;
  157.  
  158.   window.localStorage.uploadFromUploadPageSettings = JSON.stringify(settings);
  159.   showSettings(message);
  160. }
  161.  
  162. function getSettings()
  163. {
  164.   var settings = window.localStorage.uploadFromUploadPageSettings;
  165.   if(!settings)
  166.   {
  167.     settings = {site:'imgur.com', apiKey:window.localStorage.ptpimgAPIKey ? window.localStorage.ptpimgAPIKey : ''};
  168.   }
  169.   else
  170.     settings = JSON.parse(settings);
  171.   return settings;
  172. }
  173.  
  174. function showArtistEdit()
  175. {
  176.   var image=document.getElementsByName('image')[0];
  177.   var div=document.createElement('div');
  178.   image.parentNode.insertBefore(div, image);
  179.   div.appendChild(image);
  180.   image.setAttribute('id', 'image');
  181.   showUpload();
  182. }
  183.  
  184. function showUpload()
  185. {
  186.   var imageInput = document.getElementById('image');
  187.   var parent = imageInput.parentNode;
  188.   if(imageInput.parentNode.innerHTML.indexOf('Auto-rehost') == -1)
  189.   {
  190.     var span=document.createElement('span');
  191.     var a=document.createElement('a');
  192.     a.href='javascript:void(0);';
  193.     a.innerHTML = 'Auto-rehost: Off';
  194.     a.addEventListener('click', toggleAutoRehost.bind(undefined, a, imageInput, span), false);
  195.     parent.appendChild(document.createTextNode(' '));
  196.     parent.appendChild(a);
  197.     parent.appendChild(document.createTextNode(' '));
  198.     parent.appendChild(span);
  199.     if(window.localStorage.autoUpload == "true")
  200.     {
  201.       imageInput.setAttribute('autorehost', 'true');
  202.       a.innerHTML = 'Auto-rehost: On';
  203.     }
  204.     imageInput.addEventListener('keyup', rehost.bind(undefined, imageInput, span), false);
  205.   }
  206.   var file = document.createElement('input');
  207.   file.type='file';
  208.   parent.appendChild(file);
  209.   var status = document.createElement('div');
  210.   parent.appendChild(status);
  211.   file.addEventListener('change', uploadFile.bind(undefined, status), false);
  212.   file.accept="image/*";
  213.   var dropzone = document.createElement('div');
  214.   parent.appendChild(dropzone);
  215.   dropzone.addEventListener("dragenter", dragenter, false);
  216.   dropzone.addEventListener("dragover", dragenter, false);
  217.   dropzone.addEventListener("drop", drop.bind(undefined, status), false);
  218.   dropzone.innerHTML = 'Or drop files here';
  219.   dropzone.setAttribute('style', 'width: 400px; height: 30px; background: rgba(64,64,64,0.8); border: dashed; border-radius: 10px; margin: auto; text-align: center; font-size: 20px;');
  220. }
  221.  
  222. function dragenter(event)
  223. {
  224.   event.preventDefault();
  225.   event.stopPropagation();
  226. }
  227.  
  228. function drop(status, event)
  229. {
  230.   event.preventDefault();
  231.   event.stopPropagation();
  232.   var dt = event.dataTransfer;
  233.   var files = dt.files;
  234.   uploadFile(status, {target:{files:files}});
  235. }
  236.  
  237. function rehost(imageInput, span)
  238. {
  239.   if(imageInput.getAttribute('autorehost') != "true")
  240.     return;
  241.   var whitelisted = ["imgur.com", "ptpimg.me"];
  242.   if(imageInput.value.length < 1)
  243.     return;
  244.   for(var i=0; i<whitelisted.length; i++)
  245.   {
  246.     var whitelist=whitelisted[i];
  247.     if(imageInput.value.indexOf(whitelist) != -1)
  248.       return;
  249.   }
  250.  
  251.   if(imageInput.value.indexOf("discogs.com") != -1)
  252.   {
  253.     imageInput.value = "http://reho.st/"+imageInput.value;
  254.   }
  255.  
  256.   span.innerHTML = 'Rehosting';
  257.   var formData = new FormData();
  258.   formData.append('image', imageInput.value);
  259.   if(imageInput.getAttribute('working') == "true")
  260.     return;
  261.   imageInput.setAttribute('working', "true");
  262.   window.setTimeout(unworking.bind(undefined, imageInput), 1000);
  263.  
  264.   var settings = getSettings();
  265.  
  266.   if(settings.site == 'imgur.com')
  267.   {
  268.     var xhr = new XMLHttpRequest();
  269.     xhr.open('POST', 'https://api.imgur.com/3/image');
  270.     xhr.setRequestHeader('Authorization', 'Client-ID 735033a56fe790b');
  271.     xhr.onreadystatechange = xhr_func.bind(undefined, span, xhr, rehosted.bind(undefined, imageInput, span), rehost.bind(undefined, imageInput, span));
  272.     xhr.send(formData);
  273.   }
  274.   else if(settings.site == 'ptpimg.me')
  275.   {    
  276.     if(!settings.apiKey || settings.apiKey.length != 36)
  277.     {
  278.       a.innerHTML = 'No valid ptpimg.me API key set';
  279.       return;
  280.     }
  281.     /*var formData = new FormData();
  282.     formData.append('link-upload', image_input.value);
  283.     formData.append('api_key', 'xx');
  284.     // ptpimg.me doesn't have 'Access-Control-Allow-Origin' set
  285.     var xhr = new XMLHttpRequest();
  286.     xhr.open('POST', 'https://ptpimg.me/upload.php');
  287.     xhr.onreadystatechange = xhr_func.bind(undefined, a, xhr, uploaded.bind(undefined, a, form, settings), doRehost.bind(undefined, a, image_input, form, settings));
  288.     xhr.send(formData);*/
  289.     // use GM_xmlhttpRequest for cross-domain
  290.     GM_xmlhttpRequest({
  291.       method: "POST",
  292.       url: 'https://ptpimg.me/upload.php',
  293.       data: "link-upload="+encodeURIComponent(imageInput.value)+'&api_key='+settings.apiKey,
  294.       headers: {
  295.         "Content-Type": "application/x-www-form-urlencoded"
  296.       },
  297.       onload: function(response) { rehosted(imageInput, span, response.responseText); }
  298.     });
  299.   }
  300. }
  301.  
  302. function unworking(input)
  303. {
  304.   input.setAttribute('working', "false");
  305. }
  306.  
  307. function rehosted(imageInput, span, response)
  308. {
  309.   var settings = getSettings();
  310.   var newLink='';
  311.   try
  312.   {
  313.     if(settings.site == 'imgur.com')
  314.       newLink = JSON.parse(response).data.link.replace(/http:/, 'https:');
  315.     else if(settings.site == 'ptpimg.me')
  316.     {
  317.       var r=JSON.parse(response)[0];
  318.       newLink = "https://ptpimg.me/"+r.code+'.'+r.ext;
  319.     }
  320.   }
  321.   catch(err)
  322.   {
  323.     span.innerHTML = err.message;
  324.     return;
  325.   }
  326.   span.innerHTML = 'Rehosted';
  327.   imageInput.value = newLink;
  328. }
  329.  
  330. function toggleAutoRehost(a, input, span)
  331. {
  332.   if(a.innerHTML.indexOf('Off') != -1)
  333.   {
  334.     input.setAttribute('autorehost', 'true');
  335.     a.innerHTML = 'Auto-rehost: On';
  336.     window.localStorage.autoUpload = 'true';
  337.     rehost(input, span);
  338.   }
  339.   else
  340.   {
  341.     input.setAttribute('autorehost', 'false');
  342.     a.innerHTML = 'Auto-rehost: Off';
  343.     window.localStorage.autoUpload = 'false';
  344.   }
  345. }
  346.  
  347. function uploadFile(status, event)
  348. {
  349.   var files=event.target.files;
  350.   for(var i=0; i<files.length; i++)
  351.   {
  352.     var f=files[i];
  353.     if(f.type.indexOf("image") != -1)
  354.     {
  355.       status.innerHTML = 'Uploading...';
  356.       upload(status, f);
  357.       break;
  358.     }
  359.     else
  360.     {
  361.       status.innerHTML = 'Not an image';
  362.     }
  363.   }
  364. }
  365.  
  366. function upload(status, file)
  367. {
  368.   var settings = getSettings();
  369.  
  370.   if(settings.site == 'imgur.com')
  371.   {
  372.     var formData = new FormData();
  373.     formData.append('image', file);
  374.     var xhr = new XMLHttpRequest();
  375.     xhr.open('POST', 'https://api.imgur.com/3/image');
  376.     xhr.setRequestHeader('Authorization', 'Client-ID 735033a56fe790b');
  377.     xhr.onreadystatechange = xhr_func.bind(undefined, status, xhr, uploaded.bind(undefined, status), upload.bind(undefined, status, file));
  378.     xhr.send(formData);
  379.   }
  380.   else if(settings.site == 'ptpimg.me')
  381.   {
  382.     if(!settings.apiKey || settings.apiKey.length != 36)
  383.     {
  384.       a.innerHTML = 'No valid ptpimg.me API key set';
  385.       return;
  386.     }
  387.     /*var formData = new FormData();
  388.     formData.append('link-upload', image_input.value);
  389.     formData.append('api_key', 'xx');
  390.     // ptpimg.me doesn't have 'Access-Control-Allow-Origin' set
  391.     var xhr = new XMLHttpRequest();
  392.     xhr.open('POST', 'https://ptpimg.me/upload.php');
  393.     xhr.onreadystatechange = xhr_func.bind(undefined, a, xhr, uploaded.bind(undefined, a, form, settings), doRehost.bind(undefined, a, image_input, form, settings));
  394.     xhr.send(formData);*/
  395.     // use GM_xmlhttpRequest for cross-domain
  396.     var formData = new FormData();
  397.     formData.append('file-upload[0]', file);
  398.     formData.append('api_key', settings.apiKey);
  399.     GM_xmlhttpRequest({
  400.       method: "POST",
  401.       url: 'https://ptpimg.me/upload.php',
  402.       //binary: true,
  403.       data: formData,
  404.      /* headers: {
  405.         "Content-Type": "multipart/form-data"
  406.       },*/
  407.       onload: function(response) {
  408.         if(response.status == 200)
  409.         {
  410.           uploaded(status, response.responseText);
  411.         }
  412.         else
  413.         {
  414.           console.log("Failed to upload: \n"+response.responseHeaders+' '+response.status+' '+response.statusText);
  415.           status.innerHTML = "Failed to upload to ptpimg.me: "+response.status;
  416.           return;
  417.         }
  418.       }
  419.     });
  420.   }
  421. }
  422.  
  423. function uploaded(status, response)
  424. {
  425.   var settings=getSettings();
  426.   console.log(response);
  427.   var newLink='';
  428.   try
  429.   {
  430.     if(settings.site == 'imgur.com')
  431.       newLink = JSON.parse(response).data.link;
  432.     else if(settings.site == 'ptpimg.me')
  433.     {
  434.       var r=JSON.parse(response)[0];
  435.       newLink = "https://ptpimg.me/"+r.code+'.'+r.ext;
  436.     }
  437.   }
  438.   catch(err)
  439.   {
  440.     status.innerHTML = err.message;
  441.     status.style.color = 'red';
  442.     return;
  443.   }
  444.  
  445.   status.innerHTML = 'Uploaded<br />';
  446.   var img=document.createElement('img');
  447.   var a=document.createElement('a');
  448.   status.appendChild(a);
  449.   status.appendChild(document.createElement('br'));
  450.   status.appendChild(img);
  451.   a.innerHTML='Hide image';
  452.   a.href='javascript:void(0);';
  453.   a.addEventListener('click', toggleImage.bind(undefined, a, img), false);
  454.   img.src=newLink;
  455.   document.getElementById('image').value = newLink;
  456. }
  457.  
  458. function toggleImage(a, img)
  459. {
  460.   if(img.style.display=='none')
  461.   {
  462.     img.style.display='initial';
  463.     a.innerHTML = 'Hide image';
  464.   }
  465.   else
  466.   {
  467.     img.style.display='none';
  468.     a.innerHTML = 'Show image';
  469.   }
  470. }
  471.  
  472. function xhr_func(messageDiv, xhr, func, repeatFunc)
  473. {
  474.   if(xhr.readyState == 4)
  475.   {
  476.     if(xhr.status == 200)
  477.       func(xhr.responseText);
  478.     else
  479.     {
  480.       messageDiv.innerHTML = 'Error: '+xhr.status+'<br />retrying in 1 second';
  481.       window.setTimeout(repeatFunc, 1000);
  482.     }
  483.   }
  484. }