Pertanyaan "Kesalahan": "Asal tidak valid" menggunakan pemilih dropbox


<!DOCTYPE html>
<html>
<head>
 <title>DropBox Chooser Example</title>
</head>
<body>
 <div id="main">
  <input type="dropbox-chooser" name="selected-files" data-link-type="direct" id="db-chooser"/>
  <div id="content"></div>
 </div>

<script type="text/javascript" src="https://www.dropbox.com/static/api/1/dropins.js" id="dropboxjs" data-app-key="YOUR-APP-KEY"></script>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.tools.min.js"></script>
<script type="text/javascript" src="jquery-layout.js"></script>
<script type="text/javascript">

$(function(){

    var dbChooser = $("#db-chooser");

    dbChooser.on("DbxChooserSuccess", function(e) {

        // Here we will listen when a file is
        // chosen from dropbox, insert it into the page
        // and initialize the Jcrop plugin
        e = e.originalEvent;
       var name = e.files[0].name;
    });
});
</script>
</body>
</html>

Ini adalah kode contoh saya di mana saya mencoba mengimplementasikan pemilih dropbox. Saya telah membuat aplikasi dan saya berhasil melewati kunci aplikasi. Kesalahan yang saya temui adalah,

  1. Awalnya pada pemuatan halaman, saya mendapatkan kesalahan bahwa $ (...). Pada bukan fungsi.

  2. Ketika saya mengklik tombol pemilih dropbox, saya mendapatkan {"error": "Invalid origin"}.

Saya tidak mendapatkan di mana saya akan salah. Setiap bantuan akan dihargai.


5
2018-05-07 05:47


asal


Jawaban:


Saya bertemu dan berhasil menyelesaikan masalah yang sama hari ini. Fungsionalitas Dropbox Chooser tidak mendukung penjelajahan file kecuali skrip berjalan di server web. Jika Anda menguji aplikasi web Anda secara lokal dan mengaksesnya melalui file: // link, Anda akan mendapatkan kesalahan 'invalid origin'. Sebagai gantinya, jalankan server web (baik lokal atau host di tempat lain) dengan aplikasi web Anda di atasnya, dan itu harus menghilangkan kesalahan.


7
2018-05-21 22:45