Bitcointalk Image Uploader
Hello! السلام علیکم و رحمتہ اللہ و برکاتہ ! Sab bhai keise hain!
Bhaio me re dosto aj meta board par eik or interesting topic milla mujy jo kaafi useful b hone wala hai or ye extension image upload par base hai wes se to image ko upload kar na to kafi easy hai imgbb ya talkimg hosting sites par jao wa ha image upload karoo or bbcode generate ho jai ga is process me lagbhag 2 3 minutes lagte hai leken Little Mouse ny eik new extension bitcointalk users ke lee ye bana ya h is ka kaam to image upload kar na he ho ga leken apko kisi new tab image hosting site par Jani ki zarurat ni ho ge jab ap post create kar raheh ho gay jaha "Post" or "Preview" ky button mil jate h waha is extension ko enable ker ne sy "Upload Image" ka b button mil jay ga or ap easily image ko upload or post kar sakhe gen ye Extension Just PC user ke leye h fil hal.
Detail Post: https://bitcointalk.org/index.php?topic=5552250.msg65642652#msg65642652
H<ow to Run this Extension:
content.js
manifest.json
Hello! السلام علیکم و رحمتہ اللہ و برکاتہ ! Sab bhai keise hain!
Bhaio me re dosto aj meta board par eik or interesting topic milla mujy jo kaafi useful b hone wala hai or ye extension image upload par base hai wes se to image ko upload kar na to kafi easy hai imgbb ya talkimg hosting sites par jao wa ha image upload karoo or bbcode generate ho jai ga is process me lagbhag 2 3 minutes lagte hai leken Little Mouse ny eik new extension bitcointalk users ke lee ye bana ya h is ka kaam to image upload kar na he ho ga leken apko kisi new tab image hosting site par Jani ki zarurat ni ho ge jab ap post create kar raheh ho gay jaha "Post" or "Preview" ky button mil jate h waha is extension ko enable ker ne sy "Upload Image" ka b button mil jay ga or ap easily image ko upload or post kar sakhe gen ye Extension Just PC user ke leye h fil hal.
Detail Post: https://bitcointalk.org/index.php?topic=5552250.msg65642652#msg65642652
H<ow to Run this Extension:
- Ap ne PC my new Folder Create karen "Image Uploader" ky name se
- Es Folder ky ender 2 Text Files ko create karen.
- 1st Files ko rename kar ky content.js name rakh den or is file my nichay deye ge content ko paste kar den.
- Same 2nd File ko b rename kar ky manifest.json rakh den or is file my nichay deye ge content ko paste kar den.
- Chrome broswer par Chrome Extension jao or developer mode ko enable kar do
- Click karen " Load unpacked" or "Image Uploader" ko uplaod kar de.
content.js
Code:
function addUploadButton() {
const postBtn = document.querySelector("input[name='post']");
if (!postBtn || document.getElementById("uploadImageBtn")) return;
const uploadBtn = document.createElement("button");
uploadBtn.id = "uploadImageBtn";
uploadBtn.innerText = "Upload Image";
uploadBtn.type = "button";
uploadBtn.style.marginLeft = "10px";
uploadBtn.style.padding = "5px 10px";
postBtn.parentNode.insertBefore(uploadBtn, postBtn.nextSibling);
uploadBtn.addEventListener("click", () => {
const input = document.createElement("input");
input.type = "file";
input.accept = "image/*";
input.onchange = async () => {
const file = input.files[0];
if (!file) return;
const formData = new FormData();
formData.append("image", file);
uploadBtn.innerText = "Uploading...";
try {
const response = await fetch("https://hostmeme.com/bitcointalk.php", {
method: "POST",
body: formData
});
const data = await response.json();
if (data.success && data.url && data.width && data.height) {
const bbcode = `[img height=${data.height} width=${data.width}]${data.url}[/img]`;
const textarea = document.querySelector("textarea[name='message']");
if (textarea) {
textarea.value += `\n${bbcode}\n`;
}
} else {
alert("Upload failed: " + (data.error || "Unknown error"));
}
} catch (err) {
alert("Upload error: " + err.message);
} finally {
uploadBtn.innerText = "Upload Image";
}
};
input.click();
});
}
addUploadButton();
const postBtn = document.querySelector("input[name='post']");
if (!postBtn || document.getElementById("uploadImageBtn")) return;
const uploadBtn = document.createElement("button");
uploadBtn.id = "uploadImageBtn";
uploadBtn.innerText = "Upload Image";
uploadBtn.type = "button";
uploadBtn.style.marginLeft = "10px";
uploadBtn.style.padding = "5px 10px";
postBtn.parentNode.insertBefore(uploadBtn, postBtn.nextSibling);
uploadBtn.addEventListener("click", () => {
const input = document.createElement("input");
input.type = "file";
input.accept = "image/*";
input.onchange = async () => {
const file = input.files[0];
if (!file) return;
const formData = new FormData();
formData.append("image", file);
uploadBtn.innerText = "Uploading...";
try {
const response = await fetch("https://hostmeme.com/bitcointalk.php", {
method: "POST",
body: formData
});
const data = await response.json();
if (data.success && data.url && data.width && data.height) {
const bbcode = `[img height=${data.height} width=${data.width}]${data.url}[/img]`;
const textarea = document.querySelector("textarea[name='message']");
if (textarea) {
textarea.value += `\n${bbcode}\n`;
}
} else {
alert("Upload failed: " + (data.error || "Unknown error"));
}
} catch (err) {
alert("Upload error: " + err.message);
} finally {
uploadBtn.innerText = "Upload Image";
}
};
input.click();
});
}
addUploadButton();
manifest.json
Code:
{
"manifest_version": 3,
"name": "Bitcointalk Image Uploader",
"version": "1.0",
"description": "Upload image to hostmeme.com and insert BBCode in Bitcointalk post.",
"permissions": ["scripting", "activeTab"],
"host_permissions": ["https://hostmeme.com/*"],
"content_scripts": [
{
"matches": ["https://bitcointalk.org/*"],
"js": ["content.js"],
"run_at": "document_end"
}
],
"action": {
"default_title": "Bitcointalk Image Uploader"
}
}
"manifest_version": 3,
"name": "Bitcointalk Image Uploader",
"version": "1.0",
"description": "Upload image to hostmeme.com and insert BBCode in Bitcointalk post.",
"permissions": ["scripting", "activeTab"],
"host_permissions": ["https://hostmeme.com/*"],
"content_scripts": [
{
"matches": ["https://bitcointalk.org/*"],
"js": ["content.js"],
"run_at": "document_end"
}
],
"action": {
"default_title": "Bitcointalk Image Uploader"
}
}