jQuery ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਨਵੀਂ ਟੈਬ ਵਿੱਚ ਖੋਲ੍ਹੀ ਗਈ ਬਲੌਬ PDF ਦੇ ਸਲੱਗ ਨੂੰ ਬਦਲੋ

JavaScript ਨਾਲ ਨਵੀਆਂ ਟੈਬਾਂ ਵਿੱਚ ਬਲੌਬ ਪੀਡੀਐਫ ਸਲੱਗਸ ਨੂੰ ਸੰਭਾਲਣਾ

ਵੈਬ ਪੇਜ ਤੋਂ PDF ਬਣਾਉਣਾ ਵੈੱਬ ਵਿਕਾਸ ਵਿੱਚ ਇੱਕ ਆਮ ਲੋੜ ਹੈ। ਤੁਹਾਨੂੰ ਇੱਕ ਡਾਇਨਾਮਿਕ PDF ਬਣਾਉਣ, ਇਸਨੂੰ ਇੱਕ ਨਵੀਂ ਟੈਬ ਵਿੱਚ ਖੋਲ੍ਹਣ, ਅਤੇ ਫਾਈਲ ਲਈ ਇੱਕ ਕਸਟਮ ਫਾਈਲ ਨਾਮ ਜਾਂ ਸਲੱਗ ਪ੍ਰਦਾਨ ਕਰਨ ਦੀ ਲੋੜ ਹੋ ਸਕਦੀ ਹੈ। ਹਾਲਾਂਕਿ, JavaScript ਬਲੌਬਸ ਨਾਲ ਕੰਮ ਕਰਨਾ ਇੱਕ ਚੁਣੌਤੀ ਪੇਸ਼ ਕਰਦਾ ਹੈ ਜਦੋਂ ਇਹ ਫਾਈਲ ਦੇ ਸਲੱਗ ਨੂੰ ਬਦਲਣ ਦੀ ਗੱਲ ਆਉਂਦੀ ਹੈ.

ਜਦੋਂ ਕਿ ਡਾਉਨਲੋਡ ਕਰਨ ਯੋਗ ਸਮਗਰੀ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਬਲੌਬ ਜ਼ਰੂਰੀ ਹਨ, ਇੱਕ ਸੀਮਾ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਫਾਈਲ ਨਾਮ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸੈਟ ਕਰਨ ਜਾਂ ਬਦਲਣ ਦੀ ਅਯੋਗਤਾ ਹੈ। ਡਿਵੈਲਪਰ ਅਕਸਰ ਫਾਈਲਾਂ ਤਿਆਰ ਕਰਨ ਵੇਲੇ ਬਲੌਬ ਨੂੰ ਨਾਮ ਜਾਂ ਫਾਈਲ ਨਾਮ ਦੇਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਨ, ਪਰ ਅਜਿਹੀਆਂ ਕੋਸ਼ਿਸ਼ਾਂ ਆਮ ਤੌਰ 'ਤੇ ਬ੍ਰਾਊਜ਼ਰ ਪਾਬੰਦੀਆਂ ਕਾਰਨ ਅਸਫਲ ਹੋ ਜਾਂਦੀਆਂ ਹਨ।

ਜੇ ਤੁਸੀਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਸੈੱਟ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ ਹੈ ਜਿਵੇਂ ਕਿ blob.name ਜਾਂ blob.filename ਸਫਲਤਾ ਤੋਂ ਬਿਨਾਂ ਤੁਹਾਡੇ ਕੋਡ ਵਿੱਚ, ਤੁਸੀਂ ਇਕੱਲੇ ਨਹੀਂ ਹੋ। ਬਲੌਬ ਵਿਵਹਾਰ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਸਮੇਂ ਇਹ ਇੱਕ ਆਮ ਸਮੱਸਿਆ ਹੈ। ਇੱਕ ਕਸਟਮ ਸਲੱਗ ਨਾਲ ਤਿਆਰ ਕੀਤੀ PDF ਨੂੰ ਖੋਲ੍ਹਣ ਦੀ ਲੋੜ ਇਸ ਨੂੰ ਹੋਰ ਨਿਰਾਸ਼ਾਜਨਕ ਬਣਾ ਸਕਦੀ ਹੈ।

ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ JavaScript ਵਿੱਚ ਬਲੌਬਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ PDF ਬਣਾਉਣ ਲਈ ਸੰਭਾਵੀ ਹੱਲਾਂ ਅਤੇ ਹੱਲਾਂ ਦੀ ਪੜਚੋਲ ਕਰਾਂਗੇ ਅਤੇ ਇਹ ਯਕੀਨੀ ਬਣਾਵਾਂਗੇ ਕਿ ਫਾਈਲ ਸਹੀ ਕਸਟਮ ਸਲੱਗ ਨਾਲ ਇੱਕ ਨਵੀਂ ਟੈਬ ਵਿੱਚ ਖੁੱਲ੍ਹੇ। ਅਸੀਂ ਇਸ ਪ੍ਰਕਿਰਿਆ ਵਿੱਚ ਤੁਹਾਡੀ ਅਗਵਾਈ ਕਰਨ ਲਈ ਵਿਹਾਰਕ ਕੋਡ ਦੀਆਂ ਉਦਾਹਰਣਾਂ ਨੂੰ ਵੀ ਦੇਖਾਂਗੇ।

JavaScript ਅਤੇ jQuery ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਕਸਟਮ ਸਲੱਗ ਨਾਲ PDF ਤਿਆਰ ਕਰਨਾ

ਸਕ੍ਰਿਪਟਾਂ ਨੇ ਇੱਕ ਕਸਟਮ ਫਾਈਲ ਨਾਮ ਜਾਂ ਸਲੱਗ ਨਾਲ ਇੱਕ ਨਵੀਂ ਟੈਬ ਵਿੱਚ ਇੱਕ ਵੈਬਪੇਜ ਤੋਂ ਤਿਆਰ ਕੀਤੀ ਇੱਕ PDF ਫਾਈਲ ਨੂੰ ਖੋਲ੍ਹਣ ਦੀ ਚੁਣੌਤੀ ਨੂੰ ਹੱਲ ਕਰਨ 'ਤੇ ਧਿਆਨ ਦਿੱਤਾ ਹੈ। JavaScript ਵਿੱਚ ਬਲੌਬਸ ਦੇ ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ ਡਿਵੈਲਪਰਾਂ ਦਾ ਸਾਹਮਣਾ ਕਰਨ ਵਾਲੇ ਮੁੱਖ ਮੁੱਦਿਆਂ ਵਿੱਚੋਂ ਇੱਕ ਫਾਈਲ ਨਾਮ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਨਿਰਧਾਰਤ ਕਰਨ ਵਿੱਚ ਅਸਮਰੱਥਾ ਹੈ, ਜੋ ਕਿ ਇੱਕ ਕਸਟਮ ਸਲੱਗ ਸੈੱਟ ਕਰਨ ਲਈ ਜ਼ਰੂਰੀ ਹੈ। ਸਾਡੇ ਹੱਲ ਵਿੱਚ, ਮੁੱਖ ਤਕਨੀਕ ਵਿੱਚ ਇੱਕ ਬਣਾਉਣਾ ਸ਼ਾਮਲ ਹੈ ਬਲੌਬ ਪੀਡੀਐਫ ਸਮੱਗਰੀ ਤੋਂ, ਜਿਸ ਨੂੰ ਅਸੀਂ ਗਤੀਸ਼ੀਲ ਤੌਰ 'ਤੇ ਤਿਆਰ ਕਰਦੇ ਹਾਂ। ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ URL.createObjectURL() ਫੰਕਸ਼ਨ, ਅਸੀਂ ਇਸ ਬਲੌਬ ਨੂੰ ਇੱਕ ਸਰੋਤ ਵਿੱਚ ਬਦਲਦੇ ਹਾਂ ਜਿਸ ਨੂੰ ਬ੍ਰਾਊਜ਼ਰ ਖੋਲ੍ਹ ਜਾਂ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦਾ ਹੈ।

ਇੱਕ ਵਾਰ ਬਲੌਬ URL ਬਣ ਗਿਆ ਹੈ, ਅਸੀਂ ਵਰਤਦੇ ਹਾਂ window.open() PDF ਨੂੰ ਇੱਕ ਨਵੀਂ ਟੈਬ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ, ਜੋ ਅਕਸਰ ਉਹਨਾਂ ਸਥਿਤੀਆਂ ਵਿੱਚ ਲੋੜੀਂਦਾ ਹੁੰਦਾ ਹੈ ਜਿੱਥੇ ਇੱਕ ਉਪਭੋਗਤਾ ਨੂੰ ਦਸਤਾਵੇਜ਼ ਦੀ ਝਲਕ ਜਾਂ ਪ੍ਰਿੰਟ ਕਰਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। ਕਿਉਂਕਿ ਬਲੌਬ ਖੁਦ ਫਾਈਲ ਦੇ ਨਾਮਕਰਨ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ ਹੈ, ਅਸੀਂ ਇੱਕ ਲੁਕਵੇਂ ਲਿੰਕ ਤੱਤ ਬਣਾ ਕੇ ਅਤੇ ਲੋੜੀਂਦਾ ਫਾਈਲ ਨਾਮ ਨਿਰਧਾਰਤ ਕਰਕੇ ਇਸ ਸੀਮਾ ਨੂੰ ਬਾਈਪਾਸ ਕਰਦੇ ਹਾਂ ਡਾਊਨਲੋਡ ਕਰੋ ਵਿਸ਼ੇਸ਼ਤਾ. ਇਹ ਲੁਕਿਆ ਹੋਇਆ ਲਿੰਕ ਫਿਰ ਸਹੀ ਫਾਈਲ ਨਾਮ ਨਾਲ ਡਾਉਨਲੋਡ ਨੂੰ ਟ੍ਰਿਗਰ ਕਰਨ ਲਈ ਪ੍ਰੋਗਰਾਮੇਟਿਕ ਤੌਰ 'ਤੇ "ਕਲਿਕ" ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਤਰੀਕਿਆਂ ਦਾ ਇਹ ਸੁਮੇਲ JavaScript ਵਿੱਚ ਬਲੌਬ ਨਾਮਕਰਨ ਸੀਮਾ ਲਈ ਇੱਕ ਆਮ ਹੱਲ ਹੈ।

ਸਰਵਰ-ਸਾਈਡ ਹੱਲਾਂ ਲਈ, ਅਸੀਂ ਸਿੱਧੇ ਕਸਟਮ ਫਾਈਲ ਨਾਮ ਨਾਲ PDF ਫਾਈਲਾਂ ਦੀ ਸੇਵਾ ਕਰਨ ਲਈ Node.js ਅਤੇ Express ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ। ਵਰਤ ਕੇ fs.createReadStream(), ਫਾਈਲ ਨੂੰ ਕਲਾਇੰਟ ਨੂੰ ਕੁਸ਼ਲਤਾ ਨਾਲ ਸਟ੍ਰੀਮ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਸਰਵਰ ਨੂੰ ਵੱਡੀਆਂ ਫਾਈਲਾਂ ਨੂੰ ਉਹਨਾਂ ਨੂੰ ਇੱਕ ਵਾਰ ਵਿੱਚ ਮੈਮੋਰੀ ਵਿੱਚ ਲੋਡ ਕੀਤੇ ਬਿਨਾਂ ਸੰਭਾਲਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਦ res.setHeader() ਕਮਾਂਡ ਇੱਥੇ ਮਹੱਤਵਪੂਰਨ ਹੈ, ਕਿਉਂਕਿ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ HTTP ਜਵਾਬ ਸਿਰਲੇਖ ਕਸਟਮ ਫਾਈਲ ਨਾਂ ਅਤੇ MIME ਕਿਸਮ (ਐਪਲੀਕੇਸ਼ਨ/ਪੀਡੀਐਫ) ਨੂੰ ਨਿਸ਼ਚਿਤ ਕਰਦੇ ਹਨ। ਇਹ ਵਿਧੀ ਵਧੇਰੇ ਗੁੰਝਲਦਾਰ ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਆਦਰਸ਼ ਹੈ ਜਿੱਥੇ ਸਰਵਰ 'ਤੇ PDF ਤਿਆਰ ਜਾਂ ਸਟੋਰ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।

ਇਹ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਮਾਡਿਊਲਰ ਅਤੇ ਮੁੜ ਵਰਤੋਂ ਯੋਗ ਬਣਾਉਣ ਲਈ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ। ਭਾਵੇਂ ਤੁਸੀਂ ਕਲਾਇੰਟ-ਸਾਈਡ ਵਾਤਾਵਰਨ ਵਿੱਚ ਕੰਮ ਕਰ ਰਹੇ ਹੋ JavaScript ਜਾਂ ਨਾਲ ਇੱਕ ਬੈਕਐਂਡ ਹੱਲ Node.js, ਇਹ ਤਕਨੀਕਾਂ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦੀਆਂ ਹਨ ਕਿ ਤੁਹਾਡੀਆਂ PDF ਸਹੀ ਫਾਈਲ ਨਾਮ ਨਾਲ ਡਿਲੀਵਰ ਜਾਂ ਖੋਲ੍ਹੀਆਂ ਗਈਆਂ ਹਨ। ਦੋਵੇਂ ਪਹੁੰਚ ਪ੍ਰਦਰਸ਼ਨ ਲਈ ਅਨੁਕੂਲਿਤ ਹਨ ਅਤੇ ਉਹਨਾਂ ਦ੍ਰਿਸ਼ਾਂ ਨੂੰ ਸੰਭਾਲ ਸਕਦੇ ਹਨ ਜਿੱਥੇ PDF ਗਤੀਸ਼ੀਲ ਤੌਰ 'ਤੇ ਤਿਆਰ ਕੀਤੇ ਜਾਂਦੇ ਹਨ ਜਾਂ ਸਰਵਰ-ਸਾਈਡ ਸਟੋਰ ਕੀਤੇ ਜਾਂਦੇ ਹਨ। ਫਰੰਟ-ਐਂਡ ਅਤੇ ਬੈਕ-ਐਂਡ ਦੋਵੇਂ ਹੱਲ ਪ੍ਰਦਾਨ ਕਰਕੇ, ਇਹ ਲਚਕਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਦੀਆਂ ਲੋੜਾਂ ਦੇ ਆਧਾਰ 'ਤੇ ਸਭ ਤੋਂ ਢੁਕਵੇਂ ਢੰਗ ਨੂੰ ਲਾਗੂ ਕਰ ਸਕਦੇ ਹੋ।

// Function to generate and open PDF in a new tab with custom filename
function openPDFWithCustomName(data, filename) {
  // Create a Blob object from the data (PDF content)
  var blob = new Blob([data], { type: 'application/pdf' });
  // Create a URL for the Blob object
  var blobURL = window.URL.createObjectURL(blob);
  // Create a temporary link to trigger the download
  var link = document.createElement('a');
  link.href = blobURL;
  link.download = filename; // Custom slug or filename
  // Open in a new tab
  window.open(blobURL, '_blank');
}

// Example usage: data could be the generated PDF content
var pdfData = '...'; // Your PDF binary data here
openPDFWithCustomName(pdfData, 'custom-slug.pdf');

// Require necessary modules
const express = require('express');
const fs = require('fs');
const path = require('path');
const app = express();

// Serve generated PDF with custom slug
app.get('/generate-pdf', (req, res) => {
  const pdfFilePath = path.join(__dirname, 'test.pdf');
  res.setHeader('Content-Disposition', 'attachment; filename="custom-slug.pdf"');
  res.setHeader('Content-Type', 'application/pdf');
  const pdfStream = fs.createReadStream(pdfFilePath);
  pdfStream.pipe(res);
});

// Start the server
app.listen(3000, () => {
  console.log('Server running on http://localhost:3000');
});

// To test, navigate to http://localhost:3000/generate-pdf

// Function to open PDF in new tab with custom filename using download attribute
function openPDFInNewTab(data, filename) {
  var blob = new Blob([data], { type: 'application/pdf' });
  var url = window.URL.createObjectURL(blob);
  var link = document.createElement('a');
  link.href = url;
  link.download = filename;
  link.click(); // Triggers the download
  window.open(url, '_blank'); // Opens PDF in a new tab
}

// Example call
var pdfData = '...'; // PDF binary content
openPDFInNewTab(pdfData, 'new-slug.pdf');

JavaScript ਵਿੱਚ ਬਲੌਬ ਫਾਈਲਨਾਮਾਂ ਲਈ ਸੀਮਾਵਾਂ ਅਤੇ ਹੱਲਾਂ ਨੂੰ ਸਮਝਣਾ

ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ ਮੁੱਖ ਚੁਣੌਤੀਆਂ ਵਿੱਚੋਂ ਇੱਕ ਬਲੌਬ JavaScript ਵਿੱਚ ਆਬਜੈਕਟ ਫਾਈਲਨਾਮ ਸੈੱਟ ਕਰਨ ਦੇ ਆਲੇ ਦੁਆਲੇ ਦੀ ਸੀਮਾ ਹੈ। ਜਦੋਂ ਇੱਕ PDF ਜਾਂ ਕਿਸੇ ਵੀ ਫਾਈਲ ਕਿਸਮ ਨੂੰ ਤਿਆਰ ਕਰਦੇ ਹੋ, ਤਾਂ ਬਲੌਬ ਇੱਕ ਕਸਟਮ ਫਾਈਲ ਨਾਮ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਇੱਕ ਸਿੱਧੀ ਵਿਧੀ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦੇ ਹਨ। ਇਹ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਸਮੱਸਿਆ ਬਣ ਜਾਂਦੀ ਹੈ ਜਦੋਂ ਇਹਨਾਂ ਫਾਈਲਾਂ ਨੂੰ ਇੱਕ ਨਵੀਂ ਟੈਬ ਵਿੱਚ ਖੋਲ੍ਹਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹੋ ਜਾਂ ਇੱਕ ਖਾਸ ਸਲੱਗ ਨਾਲ ਇੱਕ ਡਾਉਨਲੋਡ ਨੂੰ ਟ੍ਰਿਗਰ ਕਰਦੇ ਹੋ। ਬ੍ਰਾਉਜ਼ਰ ਦਾ ਡਿਫੌਲਟ ਵਿਵਹਾਰ ਇੱਕ ਮਨਮਾਨੀ ਨਾਮ ਤਿਆਰ ਕਰਨਾ ਹੈ, ਜੋ ਕਿ ਹਮੇਸ਼ਾਂ ਉਪਭੋਗਤਾ-ਅਨੁਕੂਲ ਜਾਂ ਫਾਈਲ ਦੇ ਸੰਦਰਭ ਲਈ ਉਚਿਤ ਨਹੀਂ ਹੁੰਦਾ ਹੈ।

ਇਸ ਸੀਮਾ ਨੂੰ ਦੂਰ ਕਰਨ ਲਈ, ਡਿਵੈਲਪਰ HTML5 ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਨ ਡਾਊਨਲੋਡ ਕਰੋ ਵਿਸ਼ੇਸ਼ਤਾ, ਜੋ ਕਿ ਡਾਊਨਲੋਡ ਕੀਤੀ ਜਾ ਰਹੀ ਫਾਈਲ ਲਈ ਇੱਕ ਫਾਈਲ ਨਾਮ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ। JavaScript ਵਿੱਚ ਗਤੀਸ਼ੀਲ ਤੌਰ 'ਤੇ ਇੱਕ ਐਂਕਰ ਐਲੀਮੈਂਟ ਬਣਾ ਕੇ ਅਤੇ ਸੈੱਟ ਕਰੋ ਡਾਊਨਲੋਡ ਕਰੋ ਲੋੜੀਂਦੇ ਫਾਈਲਨਾਮ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ, ਜਦੋਂ ਬਲੌਬ ਸਮੱਗਰੀ ਡਾਊਨਲੋਡ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਤਾਂ ਅਸੀਂ ਫਾਈਲ ਨਾਮ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰ ਸਕਦੇ ਹਾਂ। ਹਾਲਾਂਕਿ, ਇਹ ਵਿਧੀ ਨਾਮ ਨੂੰ ਪ੍ਰਭਾਵਤ ਨਹੀਂ ਕਰਦੀ ਹੈ ਜਦੋਂ ਬਲੌਬ ਨੂੰ ਇੱਕ ਨਵੀਂ ਟੈਬ ਵਿੱਚ ਖੋਲ੍ਹਿਆ ਜਾਂਦਾ ਹੈ, ਕਿਉਂਕਿ ਇਹ ਬਲੌਬ URL ਨੂੰ ਰੈਂਡਰ ਕਰਨ ਲਈ ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਬਿਲਟ-ਇਨ ਕਾਰਜਸ਼ੀਲਤਾ ਦੁਆਰਾ ਨਿਯੰਤਰਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।

ਇੱਕ ਹੋਰ ਪਹੁੰਚ ਹੈ ਬੈਕਐਂਡ ਤੋਂ ਇੱਕ ਫਰੇਮਵਰਕ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਫਾਈਲ ਦੀ ਸੇਵਾ ਕਰਨਾ Node.js ਜਾਂ ਐਕਸਪ੍ਰੈਸ, ਜਿੱਥੇ ਕਸਟਮ ਸਿਰਲੇਖਾਂ ਨੂੰ ਕਲਾਇੰਟ ਨੂੰ ਭੇਜੀ ਗਈ ਫਾਈਲ ਦੇ ਫਾਈਲ ਨਾਮ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਨ ਲਈ ਸੈੱਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। ਦ Content-Disposition ਸਿਰਲੇਖ ਤੁਹਾਨੂੰ ਫਾਈਲ ਦਾ ਨਾਮ ਨਿਰਧਾਰਿਤ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ ਭਾਵੇਂ ਇਹ ਨਵੀਂ ਟੈਬ ਵਿੱਚ ਡਾਊਨਲੋਡ ਕੀਤੀ ਜਾ ਰਹੀ ਹੈ ਜਾਂ ਖੋਲ੍ਹੀ ਜਾ ਰਹੀ ਹੈ। ਇਹ ਵਿਧੀ ਸਰਵਰ-ਸਾਈਡ ਰੈਂਡਰ ਕੀਤੀ ਸਮੱਗਰੀ ਲਈ ਵਧੇਰੇ ਲਚਕਦਾਰ ਹੈ, ਪਰ ਕਲਾਇੰਟ-ਸਾਈਡ JavaScript ਬਲੌਬ ਲਈ, ਡਾਊਨਲੋਡ ਵਿਸ਼ੇਸ਼ਤਾ ਸਭ ਤੋਂ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਹੱਲ ਹੈ।