PRX Deploy

index.html

<!DOCTYPE html>
<html lang="hi"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>PRX IMAGE</title>
<style>
:root{--p:#0b0b12;--pt:#ffffff;--bg:#dc2626;--tx:#f4f4f8;--ac:#79797d;--cd:rgba(255,255,255,.07);--ok:#4ade80;--bad:#ff8a80} *{box-sizing:border-box;max-width:100%} html{background:var(--bg)} body{margin:0;min-height:100vh;color:var(--tx);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:radial-gradient(700px 360px at 50% -80px,color-mix(in srgb,var(--p) 30%,transparent),transparent 70%),var(--bg);padding:10px} header{text-align:center;padding:20px 10px 15px} .logo{width:56px;height:56px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800;color:var(--pt);background:linear-gradient(135deg,var(--p),var(--ac));box-shadow:0 0 0 4px color-mix(in srgb,var(--p) 25%,transparent)} h1{margin:0;font-size:24px;line-height:1.2;font-weight:800;color:var(--p)} .dev{margin:6px 0 0;font-size:12px;opacity:.7} main{max-width:100%;margin:0 auto;padding:4px} .card{background:var(--cd);border-radius:16px;padding:16px;margin-bottom:14px;border:1px solid color-mix(in srgb,var(--p) 40%,transparent);box-shadow:0 4px 20px rgba(0,0,0,.08)} label{display:grid;gap:6px;font-size:13px;font-weight:600} input,textarea{width:100%;font:inherit;padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--p) 35%,transparent);background:rgba(128,128,128,.08);color:inherit} input:focus,textarea:focus{outline:none;border-color:var(--p)} button{border:0;border-radius:12px;padding:12px 20px;font:inherit;font-weight:800;color:var(--pt);cursor:pointer;background:linear-gradient(90deg,var(--p),var(--ac));width:100%} a{color:var(--ac)} p{margin:10px 0 0} .pill{display:inline-block;padding:4px 12px;border-radius:20px;font-weight:700;font-size:13px} .ok{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)} .bad{background:color-mix(in srgb,var(--bad) 18%,transparent);color:var(--bad)} img,video{max-width:100%;border-radius:12px;margin-top:10px} audio{width:100%;margin-top:10px} iframe{width:100%;height:260px;border:1px solid color-mix(in srgb,var(--p) 40%,transparent);border-radius:12px;background:#fff} pre{background:rgba(128,128,128,.16);padding:10px;border-radius:10px;overflow-x:auto;font-size:11px;margin:10px 0 0;white-space:pre-wrap;word-break:break-word}
</style></head>
<body>
<header><div class="logo">P</div><h1>PRX IMAGE</h1><p class="dev">by PRX 99</p></header>
<main><div class="card"><label>फ़ाइल चुनें<input id="f" type="file" accept="image/*"></label><p><button id="b">🚀 अपलोड करें</button></p></div><div id="res"></div></main>
<script>
var API_URL="https://api.imgbb.com/1/upload",API_KEY="YOUR_API_KEY",HNAME="Authorization",HPRE="",FIELD="image",MODEL="",METHOD="POST",KIND="image",KEYIN="query",KEYP="key"; function $(i){return document.getElementById(i)} function esc(s){return String(s).replace(/[&<>"]/g,function(c){return{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"}[c]})} function pick(o){if(o&&typeof o=="object"){if(typeof o.b64_json=="string")return"data:image/png;base64,"+o.b64_json;var K=["url","link","secure_url","file_url","image_url","audio_url","video_url","deploy_url","download_url"];for(var i=0;i<K.length;i++)if(typeof o[K[i]]=="string"&&/^https?:/.test(o[K[i]]))return o[K[i]];for(var k in o){var r=pick(o[k]);if(r)return r}}} function txt(j){try{if(j.choices&&j.choices[0]){var m=j.choices[0];return(m.message&&m.message.content)||m.text||""}if(j.candidates&&j.candidates[0])return j.candidates[0].content.parts[0].text;return j.text||j.output||j.response||j.reply||(typeof j.message=="string"?j.message:"")||""}catch(e){return""}} function why(r){if(r.net)return"API तक नहीं पहुँचा: URL, इंटरनेट या CORS जाँचें।";var m={400:"रिक्वेस्ट का फ़ॉर्मेट गलत है।",401:"API Key गलत है।",403:"अनुमति नहीं है।",404:"API URL गलत है।",405:"Method गलत है।",413:"फ़ाइल बहुत बड़ी है।",415:"फ़ाइल टाइप समर्थित नहीं।",429:"लिमिट खत्म।"};return r.ok?"API सही चल रहा है।":(m[r.s]||(r.s>=500?"API के सर्वर में दिक्कत है।":"अनपेक्षित जवाब।"))} async function send(body,json){ var res=$("res"); if(!API_URL){res.innerHTML='<div class="card"><span class="pill bad">API URL सेट नहीं है</span></div>';return} res.innerHTML='<div class="card">⏳ भेजा जा रहा है...</div>'; var o={method:METHOD,headers:{}}; var url=API_URL;if(KEYIN=="query")url+=(url.indexOf("?")<0?"?":"&")+KEYP+"="+encodeURIComponent(API_KEY);else if(API_KEY&&HNAME)o.headers[HNAME]=HPRE+API_KEY; if(METHOD!="GET"){o.body=body;if(json)o.headers["Content-Type"]="application/json"} var r={},j,t,bu; try{var x=await fetch(url,o);r.s=x.status;r.ok=x.ok;var ct=x.headers.get("content-type")||""; if(/^(audio|video|image)/.test(ct)){bu=URL.createObjectURL(await x.blob());t="["+ct+"]"}else{t=await x.text();try{j=JSON.parse(t)}catch(e){}} }catch(e){r.net=1;t=String(e.message)} var u=bu||(r.ok?pick(j):""),tx=r.ok&&j?txt(j):"",sm=j&&j.error?(j.error.message||j.error):""; var h='<span class="pill '+(r.ok?"ok":"bad")+'">'+(r.ok?"✅ सफल":"❌ असफल")+(r.s?" · "+r.s:"")+"</span><p>"+esc(why(r))+(!r.ok&&sm?" ("+esc(sm)+")":"")+"</p>"; if(tx)h+='<p style="white-space:pre-wrap">'+esc(tx)+"</p>"; if(u){var e=esc(u);if(KIND=="image")h+='<img src="'+e+'" alt="">';else if(KIND=="audio")h+='<audio controls src="'+e+'"></audio>';else if(KIND=="video")h+='<video controls src="'+e+'"></video>'; if(u.indexOf("data:")!=0&&u.indexOf("blob:")!=0)h+='<p><input readonly value="'+e+'" onclick="this.select()"></p><p><a href="'+e+'" target="_blank" rel="noopener">🔗 लिंक खोलें</a></p>'} h+="<pre>"+esc(j?JSON.stringify(j,null,2):t)+"</pre>"; res.innerHTML='<div class="card">'+h+"</div>"; } $("b").onclick=function(){var f=$("f").files[0];if(!f){$("res").innerHTML='<div class="card"><span class="pill bad">पहले फ़ाइल चुनें</span></div>';return}var d=new FormData();d.append(FIELD||"file",f);send(d)};
</script>
</body></html>