iOS 6 with Sencha Touch 1.1 file upload

Printable View

26 Sep 2012, 2:51 PM
Iskander

iOS 6 with Sencha Touch 1.1 file upload

After choosing a file via a "Choose File" button (input type="file") on an iOS6 iPhone, I encounter a strange behavior almost everytime. The "Take Photo...Choose Existing" dialog reapears on my first tap after the original choosing.

Code:

<html> <head> <title>image upload test</title>  <script type="text/javascript" src="/_m/assets/libraries/Sencha-Touch-1.1/sencha-touch-debug.js"></script> <meta name="viewport" content="maximum-scale=0.6667; width=480" /> </head> <body> <form action="ImgUploadTestPost.aspx" method="post" enctype="multipart/form-data" name="imgPost"> <input type="file" name="upload1" /> </form> </body> </html>

To duplicate, click on the Choose File button, select a photo, tap Use, and then tap the web page gain.

I have not looked too far into this, but wondered if anyone else has run into this.
28 Sep 2012, 6:06 AM
mitchellsimoens

With your code, the only Sencha Touch thing there is you include the JS file but there is no javascript
15 Oct 2012, 7:52 AM
AkashSaikia

File input control in sencha 1 for IOS6 issue

Even i am facing the same issue.

There is no need of special javascript code or something.
Just put a file control in any specific sencha container or panel. Tap on the Html File control, the Camera Roll menu opens some where else where we tapped previously.

It even gets opened for the second time when you tap some where else.
22 Oct 2012, 12:05 PM
Ethorsen

Anyone found a solution for this one? We'll probably have to dig ourselves in the sencha 1.1 code.

This is doing the same here. You click on the file input and after selecting a pic (or cancelling), no matter where you click it will open the file dialog again.

In addition to this, you cant have the file dialog opened by triggering the click on the html file input (which I know works perfectly in iOS6 for doing it in jQuery mobile)
25 Oct 2012, 8:29 AM
Ethorsen

So for those of you stuck in sencha 1.1. The problem is that when you click on a file input in ios6, 2 'touchstart' events are being triggered. (dunno why)

Ugly hack details:

In Sencha, find the Ext.gesture.Manager object.

After: clickMoveThreshold: 5,
add: preventNextTouchStart: false,

In the onTouchStart function of that same object.

After:
if (this.isFrozen) {
return;
}

Add:
if (Ext.is.iOS && target.type === 'file') {
if (this.preventNextTouchStart) {
this.preventNextTouchStart = false;
return;
} else {
this.preventNextTouchStart = true;
}
} else {
this.preventNextTouchStart = false;
}

Enjoy!
20 Dec 2012, 8:09 AM
aponte

Same problem on Sencha Touch 2.0

I´m having the same problem in Sencha Touch 2.0

When I select a photo from my ipad or iphone with ios 6.0 I can see the fake url but when a submit the foto I was asked to select the photo again and the post doesn't send the photo to the server.

The same code works on android.
17 Apr 2013, 11:00 PM
diaz_rafael@yahoo.com

Thanks

Thanks Ethorsen,

you made my day !

Schöne Grüsse