0

ファイルアップロードフォームを使用して、シンプルなChrome拡張機能を作成しています。アドオン（「insepectelement」）の開発者ツールウィンドウが開いている場合は正常に機能しますが、開発者ツールなしで実行しようとすると、ファイル選択ボタンをクリックするとアドオンが折りたたまれます。どうしたの？OSX10.7.5でChromeバージョン22を使用しています

コードは次のとおりです。

HTML部分は次のとおりです。

<!doctype html>
<html>
  <head>
    <script src="upload.js"></script>
  </head>
  <body>
    <form enctype="multipart/form-data" method="post" action="http://localhost" id="form">
      <input type="file" id="file" name="file" >
      <input type="button" id="sub" value="Upload">
    </form>
  </body>
</html>

そしてここにupload.jsがあります

function upload(form) {
  var formData = new FormData(form);
  var req = new XMLHttpRequest();
  req.open("POST", form.getAttribute("action"));
  req.onload = function(event) {
      console.log(event.target.responseText);
  };
  req.send(formData);
}

document.addEventListener( "DOMContentLoaded", function(){
    document.getElementById("sub").addEventListener("click", function() {
        upload(document.getElementById("form"));
    }, false);
 }, false );

そしてここにmanifest.jsonがあります：

{
  "name": "Issue-img",
  "version": "1.0",
  "manifest_version": 2,
  "description": "Simple upload.",
  "browser_action": {
      "default_icon": "icon.png",
      "default_popup": "upload.html"
  },
  "permissions": [
      "http://localhost/"
  ]
 }

前もって感謝します！

4

0 に答える 0