Opencart - 上传文件按钮不适用于所有浏览器

时间:2014-04-14 21:00:53

标签: file-upload opencart

我添加了一个OC(v1.5.6)扩展名(Customer Order Product Upload),允许用户在上传文件选项中拖放文件。

我的问题是,如果我点击上传文件浏览我的计算机以查找该文件,它似乎只适用于Chrome,Safari和歌剧。我在Firefox& IE浏览器并没有用。

我搜索了product.tpl文件,发现没有任何原因造成这种情况。有没有人有任何建议?

1 个答案:

答案 0 :(得分:1)

因为你在copu.css(第95行)

中得到了奇怪的css翻译

transform: translate(-300px, 0) scale(4);

将此<input type="file" multiple="" name="file" class="fileupload">元素的input翻译为左侧300像素,因此不再与您的Upload File

重叠

此语法仅适用于firefox和ie

非常幸运的是,这是webkit浏览器(Chrome Opera)的无效语法。所以它在chrome,opera等

中无法工作(因此整个工作正常)

我不知道为什么这一行将input翻译到不同的地方所以我认为只是删除该行但是为了将来如果你想让这一行在webkit浏览器上工作的话还要跟上面的行一起添加具有浏览器特定前缀的行(在本例中为-webkit-),如此

-webkit-transform:translate(-300px, 0) scale(4);

另请注意,ie和firefox也有前缀。但有些属性也没有前缀