Databases
StackOverflow2013
Postsdbo
POCommunication between background page and popup page in a Chrome Extension
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCommunication between background page and popup page in a Chrome Extension
    primarykey
    data
    text
    <p>I'm currently trying to write an extension for Google Chrome, which can be used to upload files.</p> <p>There are two pages: the background page and the popup page. The popup page appears when you click the icon right of the omni-bar. You can specify the file you want to upload using the standard HTML <code>&lt;input type='file' ... /&gt;</code>.</p> <p>After selecting the file, and clicking "Upload", the name(+path) of the file should be sent to the background page. This, because the popup can be closed by the user by simply clicking somewhere else on the screen, which closes the page.</p> <p>When the popup is active, and the background page is uploading the file to the server, the popup should also recieve the progress of uploading(0-100%) from the background page, and display this information. When finished, the user should see the URL.</p> <p>The problem is, I don't know how to communicate between these two pages. The documentation isn't very clear about how this works. A thing I've tried, is making a function on the background page, called <code>upload(filename)</code>, and put this code in the popup page:</p> <pre><code>var BGPage = chrome.extension.getBackgroundPage(); BGPage.upload(the_filename); </code></pre> <p>But it didn't work, the function wasn't called.</p> <p>Does anyone know how I can send the filename from the popup page to the background page, and how to retrieve upload status(and eventually the link) from the background page, via the popup page?</p> <p>Thanks in advance!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USserg
    1. USTimon Knigge
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POCommunication between background page and popup page in a Chrome Extension
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POCommunication between background page and popup page in a Chrome Extension
      1. USanpatel
      1. VTFavorite
    3. VO
      singulars
      1. POCommunication between background page and popup page in a Chrome Extension
      1. This table or related slice is empty.
      1. VTUpMod
    1. COHave you declared background page in the manifest? Are you sure that background function is not called? Have you checked console for errors?
      singulars
      1. POCommunication between background page and popup page in a Chrome Extension
      1. USserg
    2. COYes, I declared the background page in the manifest; I'm sure the background function isn't called, since I started with the line: alert("It works!");, and a try-catch returns 'undefined'.
      singulars
      1. POCommunication between background page and popup page in a Chrome Extension
      1. USTimon Knigge
    3. COThe code you provided doesn't contain an error, so it is somewhere in other place that you didn't show.
      singulars
      1. POCommunication between background page and popup page in a Chrome Extension
      1. USserg
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload