ดาวน์โหลดไฟล์โดยใช้ jQuery

ฉันจะแจ้งให้ผู้ใช้ดาวน์โหลดได้อย่างไรเมื่อพวกเขาคลิกลิงก์

ตัวอย่างเช่นแทนที่จะเป็น:

<a href="uploads/file.doc">Download Here</a>

ฉันสามารถใช้:

<a href="#">Download Here</a>

 $('a').click... //Some jquery to download the file

ด้วยวิธีนี้ Google จะไม่จัดทำดัชนีไฟล์ HREF และไฟล์ส่วนตัวของฉัน

สามารถทำได้ด้วย jQuery ถ้าเป็นเช่นนั้นได้อย่างไร หรือควรทำด้วย PHP หรืออะไรบางอย่างแทน?

ฉันอาจแนะนำสิ่งนี้เป็นวิธีแก้ปัญหาที่ลดระดับลงอย่างสง่างามโดยใช้preventDefault:

$('a').click(function(e) {
    e.preventDefault();  //stop the browser from following
    window.location.href = 'uploads/file.doc';
});

<a href="no-script.html">Download now!</a>

แม้ว่าจะไม่มี Javascript แต่อย่างน้อยวิธีนี้ผู้ใช้จะได้รับคำติชม

หากคุณไม่ต้องการให้เครื่องมือค้นหาจัดทำดัชนีไฟล์บางไฟล์คุณสามารถใช้robots.txtเพื่อบอกให้เว็บสไปเดอร์ไม่เข้าถึงบางส่วนของเว็บไซต์ของคุณ

หากคุณใช้เฉพาะจาวาสคริปต์ผู้ใช้บางคนที่เรียกดูโดยไม่ใช้มันจะไม่สามารถคลิกลิงก์ของคุณได้

นี่เป็นบทความดีๆที่แสดงให้เห็นหลายวิธีในการซ่อนไฟล์จากเครื่องมือค้นหา:

http://antezeta.com/news/avoid-search-engine-indexing

JavaScript ไม่ใช่วิธีที่ดีที่จะไม่จัดทำดัชนีหน้า จะไม่ป้องกันไม่ให้ผู้ใช้เชื่อมโยงโดยตรงกับไฟล์ของคุณ (และเปิดเผยให้โปรแกรมรวบรวมข้อมูล) และตามที่ Rob กล่าวถึงจะไม่สามารถใช้ได้กับผู้ใช้ทุกคน
วิธีแก้ไขง่ายๆคือการเพิ่มrel="nofollow"แอตทริบิวต์อีกครั้ง แต่ก็ไม่สมบูรณ์หากไม่มี robots.txt

<a href="uploads/file.doc" rel="nofollow">Download Here</a>

ใช่คุณจะต้องเปลี่ยน window.location.href เป็น url ของไฟล์ที่คุณต้องการดาวน์โหลด

window.location.href = 'http://www.com/path/to/file';

 var link=document.createElement('a');
 document.body.appendChild(link);
 link.href=url;
 link.click();

• ใช้ฟังก์ชัน jQuery

      var valFileDownloadPath = 'http//:'+'your url';
  
     window.open(valFileDownloadPath , '_blank');

โดยระบุว่าwindow.location.href = 'uploads/file.doc';คุณแสดงที่เก็บไฟล์ของคุณ แน่นอนคุณอาจใช้. htacess เพื่อบังคับให้เกิดพฤติกรรมที่จำเป็นสำหรับไฟล์ที่จัดเก็บ แต่สิ่งนี้อาจไม่เพียงพอ ...

ควรสร้างไฟล์ php ฝั่งเซิร์ฟเวอร์และวางเนื้อหานี้ไว้ในนั้น:

header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename='.$_REQUEST['f']);
readfile('../some_folder/some_subfolder/'.$_REQUEST['f']); 
exit;

รหัสนี้จะส่งคืนไฟล์ใด ๆ เป็นการดาวน์โหลดโดยไม่แสดงว่าคุณเก็บไว้ที่ใด

คุณเปิดไฟล์ php นี้ผ่าน window.location.href = 'scripts/this_php_file.php?f=downloaded_file';

iframe ที่ซ่อนอยู่สามารถช่วยได้

ฉันขอแนะนำให้คุณใช้เหตุการณ์มูสดาวน์ซึ่งเรียกว่าก่อนเหตุการณ์คลิก ด้วยวิธีนี้เบราว์เซอร์จะจัดการเหตุการณ์การคลิกอย่างเป็นธรรมชาติซึ่งจะหลีกเลี่ยงความผิดปกติของโค้ด:

(function ($) {


    // with this solution, the browser handles the download link naturally (tested in chrome and firefox)
    $(document).ready(function () {

        var url = '/private/downloads/myfile123.pdf';
        $("a").on('mousedown', function () {
            $(this).attr("href", url);
        });

    });
})(jQuery);

ดูที่นี่สำหรับโพสต์ที่คล้ายกันเกี่ยวกับการใช้ jQuery เพื่อล้างฟอร์ม: การรีเซ็ตฟอร์มหลายขั้นตอนด้วย jQuery

นอกจากนี้คุณอาจพบปัญหาที่มีการเติมค่าใหม่โดยกองค่า struts กล่าวอีกนัยหนึ่งคือคุณส่งแบบฟอร์มของคุณทำอะไรก็ได้ในคลาสการดำเนินการ แต่อย่าล้างค่าฟิลด์ที่เกี่ยวข้องในคลาสการดำเนินการ ในสถานการณ์นี้แบบฟอร์มจะปรากฏขึ้นเพื่อรักษาค่าที่คุณส่งไปก่อนหน้านี้ หากคุณยังคงมีอยู่ไม่ทางใดก็ทางหนึ่งให้ลบค่าฟิลด์แต่ละฟิลด์ในคลาสการดำเนินการของคุณหลังจากที่ยังคงมีอยู่และก่อนที่จะส่งคืน SUCCESS