Milligram: ファイル入力サポートリクエスト。

作成日 2017年04月14日  ·  4コメント  ·  ソース: milligram/milligram

ファイル入力の名前を付けて保存し、ファイル入力を開いてください。 tia

Hacktoberfest

最も参考になるコメント

このようなもので達成することが可能です:

    <label for="files" class="button file-label">Upload
    </label>
    <input
      onchange="yourUploadHandler(e)"
      accept=".csv, .doc, image/*"
      class="hidden"
      id="files"
      type="file" />
.file-label {
  width: 15rem;
}
input[type=file].hidden {
  visibility: hidden;
  width: 15rem;
  margin-left: -15rem;
}

注意喚起; 入力の周りにラベルをラップしないでください。これにより、IE(少なくともEdge)が大騒ぎになります。

全てのコメント4件

このようなもので達成することが可能です:

    <label for="files" class="button file-label">Upload
    </label>
    <input
      onchange="yourUploadHandler(e)"
      accept=".csv, .doc, image/*"
      class="hidden"
      id="files"
      type="file" />
.file-label {
  width: 15rem;
}
input[type=file].hidden {
  visibility: hidden;
  width: 15rem;
  margin-left: -15rem;
}

注意喚起; 入力の周りにラベルをラップしないでください。これにより、IE(少なくともEdge)が大騒ぎになります。

@marcusasplundそれはとても印象的です! 次のバージョンでこの機能を追加してもよろしいですか?

はい、もちろん!

@marcusasplundによってインスパイア@faststare、私はこの機能#249を追加します
今、私はこの問題を閉じます。

このページは役に立ちましたか?
0 / 5 - 0 評価