hipda-img-paster

Greasy Fork is available in English.
支持在输入框粘贴图片
当前为 2022-03-09 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         hipda-img-paster
// @namespace    https://github.com/maltoze/tampermonkey-scripts
// @version      0.1.0
// @description  支持在输入框粘贴图片
// @author       maltoze
// @match        https://www.hi-pda.com/forum/post.php?*
// @license      MIT
// ==/UserScript==

(function () {
  'use strict';

  const BASE_URL = 'https://www.hi-pda.com/forum/';
  const IMG_UPLOAD_URL = `${BASE_URL}misc.php?action=swfupload&operation=upload&simple=1&type=image`;
  const COMMON_OPTIONS = { credentials: 'same-origin' };

  const iframeEl = document.getElementById('e_iframe');

  function imgListUrlGenenter(postTime) {
    return `${BASE_URL}ajax.php?action=imagelist&pid=NaN&posttime=${postTime.toFixed()}&inajax=1&ajaxtarget=imgattachlist`;
  }

  function uploadImg(imgFile) {
    const userSpaceEl = document.querySelector('#umenu > cite > a');
    if (!userSpaceEl) return;

    const uidMatch = userSpaceEl.href.match(/uid=(\d+)/);
    if (!uidMatch) return;

    const hashInputEl = document.querySelector('input[name=hash]');
    if (!hashInputEl) return;

    const formData = new FormData();
    formData.append('uid', uidMatch[1]);
    formData.append('hash', hashInputEl.value);
    formData.append('Filedata', imgFile, 'image.png');

    return fetch(IMG_UPLOAD_URL, {
      method: 'POST',
      body: formData,
      ...COMMON_OPTIONS,
    });
  }

  async function getImgUrl(imgId) {
    const postTime = new Date().getTime() / 1000;
    const resp = await fetch(imgListUrlGenenter(postTime), COMMON_OPTIONS);
    const respText = await resp.text();
    const urlMatch = respText.match(
      new RegExp(String.raw`<img.*src="([\w\/\.]+)".*id="image_${imgId}"`),
    );
    if (urlMatch) return urlMatch[1];
  }

  function insertNode(node) {
    const sel = iframeEl.contentWindow.getSelection();
    const range = sel.getRangeAt(0);
    range.insertNode(node);
    range.collapse();
  }

  async function handleOnPaste(event) {
    const clipboardItems = event.clipboardData.items;
    const items = [].slice.call(clipboardItems).filter(function (item) {
      // Filter the image items only
      return item.type.indexOf('image') !== -1;
    });
    if (items.length === 0) {
      return;
    }
    event.preventDefault();

    const tmpEl = document.createElement('span');
    tmpEl.innerText = '上传中...';
    insertNode(tmpEl);

    const item = items[0];
    const resp = await uploadImg(item.getAsFile());
    tmpEl.remove();
    if (resp) {
      const respText = await resp.text();
      // DISCUZUPLOAD|0|123456|0
      const imgId = respText.split('|')[2];
      const imgUrl = await getImgUrl(imgId);
      const imgEl = document.createElement('img');
      imgEl.src = `${BASE_URL}${imgUrl}`;
      insertNode(imgEl);
    }
  }

  if (iframeEl) {
    iframeEl.contentDocument.body.addEventListener('paste', handleOnPaste);
  }
})();