私はPinterestに複数のファイルをアップロードするためのWebクライアントを作成しています。これはまさに個人的な目的のためです。フロントエンドはAngularJSで、テキストボックスとファイルアップロード要素はkendo-uiです。私はフロントエンドの開発を何年もやっていないし、真剣にやってはいないし、1つのページでは今は始めたくない。だから、私は複数の場所からのコピー貼り付けを中心にページをまとめました。テキストフィールドの値を使用してアップロードURLを動的に作成するにはどうすればよいですか?
私は、剣道のアップロード要素に、saveUrl
という名前があり、指定されたファイルを指定されたURLに投稿するという問題があると言いました。私の目的のために、そしてRESTにとどまるためには、最後にテキストボックスの値を追加してsaveUrl
を作成したいと思います。私はこれを達成するための手がかりを持っていないので、ここにいる。
以下は私がこれまで行ってきたことです。私が探しているのはboard
の値をsaveUrl
に追加することです。したがって、ユーザーがテキストボックスboard
に「何でも」と入力すると、saveUrl
はsave/whatever
になります。
<div id="main" ng-app="Pinterest">
<div class="demo-section k-content" ng-controller="PinterestController">
<div>
<h4>Board Name</h4>
<input type="text" id="board" name="board" class="k-textbox" required style="width: 400px;"/>
</div>
<div style="padding-top: 2em;">
<h4>Upload files</h4>
<input name="files"
type="file"
kendo-upload
k-async="{ saveUrl: 'save', removeUrl: 'remove', autoUpload: false }"
/>
</div>
</div>
<script>
angular.module("Pinterest", ["kendo.directives"])
.controller("PinterestController", function($scope){
})
</script>
</div>