Энди Э прав, что не существует способа сделать это на основе HTML *; но если вы хотите использовать Flash, вы можете это сделать. Следующее работает надежно в системах с установленным Flash. Если ваше приложение должно работать на iPhone, вам, конечно же, понадобится запасное решение на основе HTML.
* ( Обновление от 22.04.2013: HTML теперь поддерживает это в HTML5. См. Другие ответы.)
Загрузка Flash имеет и другие преимущества - Flash дает вам возможность отображать индикатор выполнения по мере того, как идет загрузка большого файла. (Я почти уверен, что Gmail делает это именно так, используя Flash за кадром, хотя я могу ошибаться в этом.)
Вот пример приложения Flex 4, которое позволяет пользователю выбрать файл и затем отобразить его:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
creationComplete="init()">
<fx:Declarations>
</fx:Declarations>
<s:Button x="10" y="10" label="Choose file..." click="showFilePicker()" />
<mx:Image id="myImage" x="9" y="44"/>
<fx:Script>
<![CDATA[
private var fr:FileReference = new FileReference();
// Called when the app starts.
private function init():void
{
// Set up event handlers.
fr.addEventListener(Event.SELECT, onSelect);
fr.addEventListener(Event.COMPLETE, onComplete);
}
// Called when the user clicks "Choose file..."
private function showFilePicker():void
{
fr.browse();
}
// Called when fr.browse() dispatches Event.SELECT to indicate
// that the user has picked a file.
private function onSelect(e:Event):void
{
fr.load(); // start reading the file
}
// Called when fr.load() dispatches Event.COMPLETE to indicate
// that the file has finished loading.
private function onComplete(e:Event):void
{
myImage.data = fr.data; // load the file's data into the Image
}
]]>
</fx:Script>
</s:Application>